eep_page/src/views/book/courseware/create/components/base/audio/Audio.vue

<template>
  <ModuleBase :type="data.type">
    <template #content>
      <span>音频</span>
      <el-upload action="none">
        <el-button slot="trigger" size="small" type="primary">选取文件</el-button>
        <el-button size="small" type="primary">上传</el-button>
        <el-divider />
        <div slot="tip" class="el-upload__tip">
          支持上传mp3、acc、wma，等格式音频文件，单个文件最大100MB，总文件体积不超1G。
        </div>
      </el-upload>
    </template>
  </ModuleBase>
</template>

<script>
import { getAudioData } from '@/views/book/courseware/data/audio';

import ModuleMixin from '../../common/ModuleMixin';

export default {
  name: 'AudioPage',
  components: {},
  mixins: [ModuleMixin],
  data() {
    return {
      data: getAudioData(),
    };
  },
  computed: {
    settingStyle() {
      return {
        margin: `${this.data.setting.height / 2}px 0`,
        border: 'none',
        borderTop: `1px ${this.data.setting.type} #ebebeb`,
      };
    },
  },
  methods: {},
};
</script>

<style lang="scss" scoped></style>