| 123456789101112131415161718192021222324252627282930313233343536373839404142 |
- <template>
- <div class="uploader-list">
- <slot :file-list="fileList">
- <ul>
- <li v-for="file in fileList" :key="file.id">
- <uploader-file :file="file" :list="true"></uploader-file>
- </li>
- </ul>
- </slot>
- </div>
- </template>
- <script>
- import { uploaderMixin } from '../common/mixins'
- import UploaderFile from './file.vue'
- const COMPONENT_NAME = 'uploader-list'
- export default {
- name: COMPONENT_NAME,
- mixins: [uploaderMixin],
- computed: {
- fileList () {
- return this.uploader.fileList
- }
- },
- components: {
- UploaderFile
- }
- }
- </script>
- <style>
- .uploader-list {
- position: relative;
- }
- .uploader-list > ul {
- list-style: none;
- margin: 0;
- padding: 0
- }
- </style>
|