@zhoucanyu/cc-tools
Version:
基于 Vue 自己封装的一些工具
1 lines • 4.47 kB
CSS
#app[data-v-3d65d070]{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;height:1600px}#nav[data-v-3d65d070]{padding:30px}#nav a[data-v-3d65d070]{font-weight:700;color:#2c3e50}#nav a.router-link-exact-active[data-v-3d65d070]{color:#42b983;font-weight:400}[data-v-72f8f5de],[data-v-72f8f5de]:after,[data-v-72f8f5de]:before{-webkit-box-sizing:border-box;box-sizing:border-box}.cc-uploader-warpper[data-v-72f8f5de]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background:#fff;overflow:hidden;position:relative}.cc-uploader-warpper .cc-file-uploader-warpper[data-v-72f8f5de]{overflow:hidden;border-radius:5px;border:1px dashed #c0ccda}.cc-uploader-warpper .cc-file-uploader-warpper[data-v-72f8f5de]:hover{border:1px dashed #87ceeb}.cc-uploader-warpper .cc-file-uploader-warpper .cc-file-uploader[data-v-72f8f5de]{position:absolute;cursor:pointer;opacity:0;top:0;left:0}.cc-uploader-warpper .cc-file-uploader-warpper .cc-upload[data-v-72f8f5de]{color:#8c939d;font-size:30px;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cc-uploader-warpper .cc-file-list-warpper[data-v-72f8f5de]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-transition:.3s;transition:.3s}.cc-uploader-warpper .cc-file-list-warpper .cc-file-list-item-warpper[data-v-72f8f5de]{-webkit-transition:.3s;transition:.3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.cc-uploader-warpper .cc-file-list-warpper .cc-file-list-item[data-v-72f8f5de]{margin-right:10px;-webkit-transition:.3s;transition:.3s}.cc-uploader-warpper .cc-file-list-warpper .cc-file-list-item .cc-file-list-item-img-warpper[data-v-72f8f5de]{border:1px solid #d9d9d9;padding:5px;border-radius:5px;position:relative;overflow:hidden}.cc-uploader-warpper .cc-file-list-warpper .cc-file-list-item .cc-file-list-item-img-warpper:hover .cc-file-action-warpper[data-v-72f8f5de]{display:-webkit-box;display:-ms-flexbox;display:flex}.cc-uploader-warpper .cc-file-list-warpper .cc-file-list-item .cc-file-list-item-img-warpper .cc-file-action-warpper[data-v-72f8f5de]{padding:10px;z-index:10;color:#fff;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;display:none;position:absolute;width:100%;height:100%;background:rgba(0,0,0,.5);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);top:50%;left:50%}.cc-uploader-warpper .cc-file-list-warpper .cc-file-list-item .cc-file-list-item-img-warpper .cc-file-action-warpper .el-icon-delete[data-v-72f8f5de],.cc-uploader-warpper .cc-file-list-warpper .cc-file-list-item .cc-file-list-item-img-warpper .cc-file-action-warpper .el-icon-view[data-v-72f8f5de]{cursor:pointer}.cc-uploader-warpper .cc-file-list-warpper .cc-file-list-item .cc-file-list-item-img-warpper img[data-v-72f8f5de]{width:100%;height:100%;-webkit-transition:.5s;transition:.5s}.cc-uploader-warpper .cc-file-list-warpper .cc-file-list-item .cc-file-list-item-img-warpper .progress-warpper[data-v-72f8f5de]{width:100%;height:100%;-webkit-transition:.8s;transition:.8s}.fade-enter[data-v-72f8f5de],.fade-leave-to[data-v-72f8f5de]{position:absolute;-webkit-transform:scale(0);transform:scale(0);opacity:0}.list-complete-enter[data-v-72f8f5de]{-webkit-transform:translateX(200%) scale(0);transform:translateX(200%) scale(0);opacity:0}.list-complete-leave-to[data-v-72f8f5de]{-webkit-transition:all .3s ease;transition:all .3s ease;opacity:0;-webkit-transform:scale(0);transform:scale(0);left:-100%}.list-complete-leave-active[data-v-72f8f5de]{position:absolute}.mask[data-v-67e07df4]{background:#fff;width:100vw;height:100vh;z-index:999999;position:absolute;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;overflow:hidden}.mask .title[data-v-67e07df4]{font-size:22px}