| 1 |
- @keyframes auto-down-animate-ae6dadde{0%{opacity:0;top:0}50%{opacity:1;top:.8125rem}to{opacity:0;top:1.6875rem}}@-moz-keyframes auto-down-animate-ae6dadde{0%{-moz-transform:rotate(0deg)}50%{-moz-transform:rotate(180deg)}to{-moz-transform:rotate(1turn)}}@-webkit-keyframes auto-down-animate-ae6dadde{0%{-webkit-transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg)}to{-webkit-transform:rotate(1turn)}}@-o-keyframes auto-down-animate-ae6dadde{0%{-o-transform:rotate(0deg)}50%{-o-transform:rotate(180deg)}to{-o-transform:rotate(1turn)}}@keyframes out-glow-ae6dadde{0%{opacity:0;transform:scale(0)}50%{opacity:1}to{opacity:0;transform:scale(1.5)}}@-moz-keyframes out-glow-ae6dadde{0%{opacity:0;-moz-transform:scale(0)}50%{opacity:1}to{opacity:0;-moz-transform:scale(1.5)}}@-webkit-keyframes out-glow-ae6dadde{0%{opacity:0;-webkit-transform:scale(0)}50%{opacity:1}to{opacity:0;-webkit-transform:scale(1.5)}}@-o-keyframes out-glow-ae6dadde{0%{opacity:0;-o-transform:scale(0)}50%{opacity:1}to{opacity:0;-o-transform:scale(1.5)}}input[data-v-ae6dadde],textarea[data-v-ae6dadde]{font-family:"system-ui"}input[data-v-ae6dadde]::placeholder,textarea[data-v-ae6dadde]::placeholder{font-family:"system-ui"}span[data-v-ae6dadde]{line-height:1em}[data-v-ae6dadde]{scrollbar-width:.5rem}[data-v-ae6dadde]::-webkit-scrollbar{background:#fff;border-radius:0;width:.5rem;height:.5rem}[data-v-ae6dadde]::-webkit-scrollbar-thumb{background:#cfcfcf;border-radius:0}[data-v-ae6dadde]::-webkit-scrollbar-thumb:hover{background:#aaa}.wrap[data-v-ae6dadde]{width:calc(100% - 13.125rem)}.wrap .wrap-content[data-v-ae6dadde]{margin:0 auto;width:calc(80% - 10.5rem);min-width:62.5rem;background-color:#fff;border-radius:.9375rem;padding:.625rem 2.5rem;box-sizing:border-box;padding-bottom:6.25rem}.wrap .wrap-content .upload[data-v-ae6dadde]{width:100%;display:flex;flex-direction:column;align-items:center}.wrap .wrap-content .upload .tips[data-v-ae6dadde]{font-size:.875rem;font-weight:400;color:#909090;margin-bottom:6.25rem}.wrap .wrap-content .upload .tips a[data-v-ae6dadde]{color:#0054f7;text-decoration:none;cursor:pointer}.wrap .wrap-content .upload-info[data-v-ae6dadde]{margin-top:1.875rem}.wrap .wrap-content .upload-info .header[data-v-ae6dadde]{width:calc(100% - 2.5rem);height:4.375rem;background:#0054f7;border-radius:.625rem;display:flex;align-items:center;justify-content:space-between;padding:0 1.25rem}.wrap .wrap-content .upload-info .header .left[data-v-ae6dadde]{display:flex;align-items:center}.wrap .wrap-content .upload-info .header .left .icon[data-v-ae6dadde]{width:1.625rem;height:1.4375rem}.wrap .wrap-content .upload-info .header .left .name[data-v-ae6dadde]{font-size:1rem;font-weight:400;color:#fff;margin-left:.625rem}.wrap .wrap-content .upload-info .header .again[data-v-ae6dadde]{width:5rem;height:2rem;text-align:center;line-height:2rem;background:#fff;border-radius:.25rem;font-size:.875rem;font-weight:500;color:#0054f7}.wrap .wrap-content .upload-info .item[data-v-ae6dadde]{width:100%;display:flex;align-items:flex-start;margin-top:1.25rem}.wrap .wrap-content .upload-info .item .label[data-v-ae6dadde]{height:3.125rem;width:5rem;line-height:3.125rem;text-align:left;font-size:1.125rem;font-weight:400;color:#222}.wrap .wrap-content .upload-info .item .cover[data-v-ae6dadde]{height:12.5rem;width:calc(100% - 6.25rem);margin-top:.875rem}.wrap .wrap-content .upload-info .item .cover>.cover-upload[data-v-ae6dadde]{width:100%;height:100%}.wrap .wrap-content .upload-info .item .cover .cover-content[data-v-ae6dadde]{width:100%;height:100%;display:flex}.wrap .wrap-content .upload-info .item .cover .cover-content .cover-upload[data-v-ae6dadde]{width:22.5rem;height:12.5rem;border:.0625rem dashed #868686;border-radius:.625rem;display:flex;align-items:center;justify-content:center;font-size:2.5rem}.wrap .wrap-content .upload-info .item .cover .cover-content .cover-img-box[data-v-ae6dadde]{width:22.5rem;height:12.5rem;position:relative}.wrap .wrap-content .upload-info .item .cover .cover-content .cover-img-box .cover-img[data-v-ae6dadde]{width:100%;height:100%;border-radius:.5rem}.wrap .wrap-content .upload-info .item .cover .cover-content .cover-img-box .change-cover[data-v-ae6dadde]{width:100%;height:2.5rem;text-align:center;line-height:2.5rem;background:rgba(0,0,0,.4);border-radius:0 0 .5rem .5rem;font-size:.875rem;font-weight:400;color:#fff;position:absolute;left:0;bottom:0}.wrap .wrap-content .upload-info .item .cover .cover-content .cover-tips[data-v-ae6dadde]{height:12.5rem;width:15rem;font-size:.875rem;font-weight:400;color:#929292;text-align:left;margin-left:.9375rem;display:flex;align-items:flex-end}.wrap .wrap-content .upload-info .item .title[data-v-ae6dadde]{width:calc(100% - 5.9375rem);height:3.125rem;border-radius:.375rem;border:.0625rem solid #ccc;padding:0 .9375rem;box-sizing:border-box;font-size:1rem;font-weight:400;color:#222;outline:none}.wrap .wrap-content .upload-info .item .tags-box[data-v-ae6dadde]{width:calc(100% - 5.9375rem);min-height:2.5rem;border-radius:.375rem;border:.0625rem solid #ccc;padding:.3125rem .9375rem;box-sizing:border-box;display:flex;align-items:center;flex-wrap:wrap;position:relative}.wrap .wrap-content .upload-info .item .tags-box .tag[data-v-ae6dadde]{display:flex;align-items:center;height:2.1875rem;padding:.3125rem .9375rem;box-sizing:border-box;background:#0054f7;border-radius:.25rem;margin:.21875rem .625rem .21875rem 0}.wrap .wrap-content .upload-info .item .tags-box .tag span[data-v-ae6dadde]{font-size:.875rem;font-weight:400;color:#fff}.wrap .wrap-content .upload-info .item .tags-box .tag .icon[data-v-ae6dadde]{width:.875rem;height:.875rem;margin-left:.3125rem}.wrap .wrap-content .upload-info .item .tags-box .entry[data-v-ae6dadde]{border:none;outline:none;height:2.5rem;width:40%;min-width:18.75rem;max-width:37.5rem;font-size:1rem;font-weight:400;color:#222}.wrap .wrap-content .upload-info .item .tags-box .entry[data-v-ae6dadde]::placeholder{font-size:1rem;font-weight:400;color:rgba(34,34,34,.3)}.wrap .wrap-content .upload-info .item .tags-box .tips[data-v-ae6dadde]{height:2.5rem;font-size:1rem;font-weight:400;color:#222;position:absolute;line-height:2.5rem;padding:.0625rem 0;right:.9375rem;bottom:.3125rem}.wrap .wrap-content .upload-info .item .desc[data-v-ae6dadde]{width:calc(100% - 5.9375rem);height:12.5rem;border-radius:.375rem;border:.0625rem solid #ccc;padding:.9375rem;box-sizing:border-box;font-size:1rem;font-weight:400;color:#222;outline:none;resize:none}.wrap .wrap-content .upload-info .item .desc[data-v-ae6dadde]::placeholder{font-size:1rem;font-weight:400;color:#c1c1c1}.wrap .wrap-content .upload-info .item .btn-box[data-v-ae6dadde]{display:flex}.wrap .wrap-content .upload-info .item .btn-box .btn[data-v-ae6dadde]{width:7.5rem;height:3rem;text-align:center;line-height:3rem;border-radius:.375rem;font-size:1.0625rem;font-weight:400;border:.0625rem solid transparent;cursor:pointer}.wrap .wrap-content .upload-info .item .btn-box .confirm[data-v-ae6dadde]{background:#0054f7;color:#fff}.wrap .wrap-content .upload-info .item .btn-box .cancel[data-v-ae6dadde]{border:.0625rem solid #979797;color:#131415;margin-left:1.875rem}.wrap .wrap-content .upload-end[data-v-ae6dadde]{width:100%;height:31.25rem}.wrap .wrap-content .upload-end .success[data-v-ae6dadde]{margin-top:9.375rem;display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:9.375rem}.wrap .wrap-content .upload-end .success .icon[data-v-ae6dadde]{height:3.125rem;width:3.125rem}.wrap .wrap-content .upload-end .success .title[data-v-ae6dadde]{font-size:1.375rem;font-weight:500;color:#131415}.wrap .wrap-content .upload-end .success .tips[data-v-ae6dadde]{font-size:.875rem;font-weight:400;color:#5c5c5c}
|
