GCLS_Page_Textbook/src/views/book/courseware/preview/components/picture/Picture.vue

<template>
  <ModuleBase :type="data.type">
    <template #content>
      <UploadFile
        :id="id"
        :module-data="data"
        :label-text="labelText"
        :accept-file-type="acceptFileType"
        :upload-tip="uploadTip"
        :icon-class="iconClass"
      />
    </template>
  </ModuleBase>
</template>

<script>
import { getPictureData } from '@/views/book/courseware/data/picture';
import ModuleMixin from '../../common/ModuleMixin';
import UploadFile from '../common/UploadFile.vue';

export default {
  name: 'PicturePage',
  components: { UploadFile },
  mixins: [ModuleMixin],
  data() {
    return {
      data: getPictureData(),
      file_info_list: [],
      labelText: '图片',
      acceptFileType: '.jpg,.png,.jpeg',
      uploadTip: '支持上传jpg、png、jpeg，等格式图片文件，单个文件最大1MB，总文件体积不超100MB。',
      iconClass: 'picture',
    };
  },
  computed: {},
  methods: {},
};
</script>

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