xingzi
/
vue-upload-component
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

update template

Browse Source
1.0 v0.2.4
git 10 years ago
parent faad345518
commit d60d0ab963
9 changed files with 20 additions and 21 deletions
Show Stats Download Patch File Download Diff File

4
dist/example.js vendored
Unescape View File

@ -1991,7 +1991,7 @@
// module // module
exports.push([module.id, "\n.file-uploads-label {\n overflow: hidden;\n position: relative;\n text-align: center;\n}\n.file-uploads-label span{\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n -o-user-select: none;\n user-select: none;\n}\n.file-uploads-label input{\n z-index: 1;\n opacity: 0;\n font-size: 20em;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n width: 100%;\n height: 100%;\n}\n.file-uploads-label.file-uploads-html5 input{\n width: 1px !important;\n height: 1px !important;\n top:-1px !important;\n left:-1px !important;\n right:auto !important;\n bottom:auto !important;\n}\n", ""]); exports.push([module.id, "\n.file-uploads {\n overflow: hidden;\n position: relative;\n text-align: center;\n}\n.file-uploads span{\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n -o-user-select: none;\n user-select: none;\n}\n.file-uploads input{\n z-index: 1;\n opacity: 0;\n font-size: 20em;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n width: 100%;\n height: 100%;\n}\n.file-uploads.file-uploads-html5 input{\n float: left;\n width: 1px !important;\n height: 1px !important;\n top:-1px !important;\n left:-1px !important;\n right:auto !important;\n bottom:auto !important;\n}\n", ""]);
// exports // exports
@ -2056,7 +2056,7 @@
/* 72 */ /* 72 */
/***/ function(module, exports) { /***/ function(module, exports) {
module.exports = "\n<div>\n <label :for=\"id||name\" :class=\"{'file-uploads-label': true, 'file-uploads-html5': $mode == 'html5', 'file-uploads-html4': $mode == 'html4'}\">\n <span>{{title}}</span>\n <input-file></input-file>\n </label>\n</div>\n"; module.exports = "\n<label :class=\"{'file-uploads': true, 'file-uploads-html5': $mode == 'html5', 'file-uploads-html4': $mode == 'html4'}\">\n <span>{{title}}</span>\n <input-file></input-file>\n</label>\n";
/***/ }, /***/ },
/* 73 */ /* 73 */

2
dist/example.js.map vendored
View File

File diff suppressed because one or more lines are too long

4
dist/vue-upload-component.js vendored
Unescape View File

@ -1954,7 +1954,7 @@ return /******/ (function(modules) { // webpackBootstrap
// module // module
exports.push([module.id, "\n.file-uploads-label {\n overflow: hidden;\n position: relative;\n text-align: center;\n}\n.file-uploads-label span{\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n -o-user-select: none;\n user-select: none;\n}\n.file-uploads-label input{\n z-index: 1;\n opacity: 0;\n font-size: 20em;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n width: 100%;\n height: 100%;\n}\n.file-uploads-label.file-uploads-html5 input{\n width: 1px !important;\n height: 1px !important;\n top:-1px !important;\n left:-1px !important;\n right:auto !important;\n bottom:auto !important;\n}\n", ""]); exports.push([module.id, "\n.file-uploads {\n overflow: hidden;\n position: relative;\n text-align: center;\n}\n.file-uploads span{\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n -o-user-select: none;\n user-select: none;\n}\n.file-uploads input{\n z-index: 1;\n opacity: 0;\n font-size: 20em;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n width: 100%;\n height: 100%;\n}\n.file-uploads.file-uploads-html5 input{\n float: left;\n width: 1px !important;\n height: 1px !important;\n top:-1px !important;\n left:-1px !important;\n right:auto !important;\n bottom:auto !important;\n}\n", ""]);
// exports // exports
@ -2019,7 +2019,7 @@ return /******/ (function(modules) { // webpackBootstrap
/* 72 */ /* 72 */
/***/ function(module, exports) { /***/ function(module, exports) {
module.exports = "\n<div>\n <label :for=\"id||name\" :class=\"{'file-uploads-label': true, 'file-uploads-html5': $mode == 'html5', 'file-uploads-html4': $mode == 'html4'}\">\n <span>{{title}}</span>\n <input-file></input-file>\n </label>\n</div>\n"; module.exports = "\n<label :class=\"{'file-uploads': true, 'file-uploads-html5': $mode == 'html5', 'file-uploads-html4': $mode == 'html4'}\">\n <span>{{title}}</span>\n <input-file></input-file>\n</label>\n";
/***/ }, /***/ },
/* 73 */ /* 73 */

2
dist/vue-upload-component.js.map vendored
View File

File diff suppressed because one or more lines are too long

2
dist/vue-upload-component.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/vue-upload-component.min.js.map vendored
View File

File diff suppressed because one or more lines are too long

4
index.html
Unescape View File

@ -8,10 +8,10 @@
#app { #app {
position: relative; position: relative;
} }
.file-uploads-label { .file-upload {
display: block; display: block;
} }
.file-uploads-label span{ .file-upload span{
display: block; display: block;
font-size: 18px; font-size: 18px;
padding: 1em; padding: 1em;

2
package.json
Unescape View File

@ -1,7 +1,7 @@
{ {
"name": "vue-upload-component", "name": "vue-upload-component",
"description": "Vue.js file upload component, Support for multiple file uploads, progress, html5, html4, support ie9", "description": "Vue.js file upload component, Support for multiple file uploads, progress, html5, html4, support ie9",
"version": "0.2.3", "version": "0.2.4",
"author": "LianYue", "author": "LianYue",
"scripts": { "scripts": {
"dev": "webpack-dev-server --inline --hot", "dev": "webpack-dev-server --inline --hot",

19
src/FileUpload.vue
Unescape View File

@ -1,26 +1,24 @@
<template> <template>
<div> <label :class="{'file-uploads': true, 'file-uploads-html5': $mode == 'html5', 'file-uploads-html4': $mode == 'html4'}">
<label :for="id||name" :class="{'file-uploads-label': true, 'file-uploads-html5': $mode == 'html5', 'file-uploads-html4': $mode == 'html4'}"> <span>{{title}}</span>
<span>{{title}}</span> <input-file></input-file>
<input-file></input-file> </label>
</label>
</div>
</template> </template>
<style> <style>
.file-uploads-label { .file-uploads {
overflow: hidden; overflow: hidden;
position: relative; position: relative;
text-align: center; text-align: center;
} }
.file-uploads-label span{ .file-uploads span{
-webkit-user-select: none; -webkit-user-select: none;
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
-o-user-select: none; -o-user-select: none;
user-select: none; user-select: none;
} }
.file-uploads-label input{ .file-uploads input{
z-index: 1; z-index: 1;
opacity: 0; opacity: 0;
font-size: 20em; font-size: 20em;
@ -32,7 +30,8 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
.file-uploads-label.file-uploads-html5 input{ .file-uploads.file-uploads-html5 input{
float: left;
width: 1px !important; width: 1px !important;
height: 1px !important; height: 1px !important;
top:-1px !important; top:-1px !important;

Write Preview
Loading…
Cancel
Save