├── .babelrc ├── .editorconfig ├── .gitignore ├── .postcssrc.js ├── README.md ├── package-lock.json ├── package.json ├── public ├── favicon.ico └── index.html ├── src ├── App.vue ├── assets │ └── logo.png ├── components │ └── uploadList.vue └── main.js └── vue.config.js /.babelrc: -------------------------------------------------------------------------------- 1 | { 2 | "presets": [ 3 | ["env", { 4 | "modules": false 5 | }], 6 | "stage-2" 7 | ], 8 | "plugins": ["transform-runtime"] 9 | } 10 | -------------------------------------------------------------------------------- /.editorconfig: -------------------------------------------------------------------------------- 1 | root = true 2 | 3 | [*] 4 | charset = utf-8 5 | indent_style = space 6 | indent_size = 2 7 | end_of_line = lf 8 | insert_final_newline = true 9 | trim_trailing_whitespace = true 10 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | node_modules/ 3 | /dist/ 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | 8 | # Editor directories and files 9 | .idea 10 | .vscode 11 | *.suo 12 | *.ntvs* 13 | *.njsproj 14 | *.sln 15 | -------------------------------------------------------------------------------- /.postcssrc.js: -------------------------------------------------------------------------------- 1 | // https://github.com/michael-ciniawsky/postcss-load-config 2 | 3 | module.exports = { 4 | "plugins": { 5 | // to edit target browsers: use "browserslist" field in package.json 6 | "postcss-import": {}, 7 | "autoprefixer": {} 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # test 2 | 3 | > element-ui upload filelist 4 | 5 | ## Build Setup 6 | 7 | ``` bash 8 | # git clone 9 | git clone https://github.com/xiaoniezi/uploadlist.git 10 | 11 | # install dependencies 12 | npm install 13 | 14 | # serve with hot reload at localhost:8080 15 | npm run serve 16 | 17 | # build for production with minification 18 | npm run build 19 | 20 | ``` 21 | 22 | ## 展示地址 23 | 24 | [click here][1] 25 | 26 | [1]: https://xiaoniezi.github.io/projects/VueUploadList -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "upload-list", 3 | "version": "0.1.0", 4 | "private": true, 5 | "scripts": { 6 | "serve": "vue-cli-service serve", 7 | "build": "vue-cli-service build" 8 | }, 9 | "dependencies": { 10 | "core-js": "^2.6.5", 11 | "element-ui": "^2.7.2", 12 | "vue": "^2.6.10" 13 | }, 14 | "devDependencies": { 15 | "@vue/cli-plugin-babel": "^3.6.0", 16 | "@vue/cli-service": "^3.6.0", 17 | "node-sass": "^4.11.0", 18 | "sass-loader": "^7.1.0", 19 | "style-loader": "^0.23.1", 20 | "vue-template-compiler": "^2.5.21" 21 | }, 22 | "postcss": { 23 | "plugins": { 24 | "autoprefixer": {} 25 | } 26 | }, 27 | "browserslist": [ 28 | "> 1%", 29 | "last 2 versions", 30 | "not ie <= 8" 31 | ] 32 | } 33 | -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiaoniezi/vue-upload-llist/630dfe9c2cfa97347f1e4555212cc066528eb6a9/public/favicon.ico -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | upload-list 9 | 10 | 11 | 14 |
15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /src/App.vue: -------------------------------------------------------------------------------- 1 | 7 | 8 | 18 | 19 | -------------------------------------------------------------------------------- /src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/xiaoniezi/vue-upload-llist/630dfe9c2cfa97347f1e4555212cc066528eb6a9/src/assets/logo.png -------------------------------------------------------------------------------- /src/components/uploadList.vue: -------------------------------------------------------------------------------- 1 | 53 | 54 | 169 | 170 | -------------------------------------------------------------------------------- /src/main.js: -------------------------------------------------------------------------------- 1 | import Vue from 'vue' 2 | import ElementUI from 'element-ui' 3 | import 'element-ui/lib/theme-chalk/index.css' 4 | import App from './App' 5 | 6 | Vue.config.productionTip = false 7 | 8 | Vue.use(ElementUI) 9 | 10 | new Vue({ 11 | el: '#app', 12 | render: h => h(App) 13 | }) 14 | -------------------------------------------------------------------------------- /vue.config.js: -------------------------------------------------------------------------------- 1 | /* 2 | * @file 配置 3 | */ 4 | module.exports = { 5 | // indexPath: "../index.html", 6 | // outputDir: "./dist/Output", 7 | // assetsDir: "static", 8 | publicPath: './', 9 | baseUrl: "/", 10 | productionSourceMap: false,// 不开启map 11 | devServer: {// 启动配置 12 | port: 8090 13 | }, 14 | }; --------------------------------------------------------------------------------