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
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
@ -2056,7 +2056,7 @@
/* 72 */
/***/ 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 */

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
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
@ -2019,7 +2019,7 @@ return /******/ (function(modules) { // webpackBootstrap
/* 72 */
/***/ 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 */

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 {
position: relative;
}
.file-uploads-label {
.file-upload {
display: block;
}
.file-uploads-label span{
.file-upload span{
display: block;
font-size: 18px;
padding: 1em;

2
package.json
Unescape View File

@ -1,7 +1,7 @@
{
"name": "vue-upload-component",
"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",
"scripts": {
"dev": "webpack-dev-server --inline --hot",

13
src/FileUpload.vue
Unescape View File

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

Write Preview
Loading…
Cancel
Save