1 line
4.7 KiB
CSS
1 line
4.7 KiB
CSS
.grade-card[data-v-2ea9a5c4]{margin:.3rem .3rem 0 .3rem;border-radius:.1rem;border:1px solid #eee;background:#fff;box-shadow:2px 2px 7px 0 rgba(0,0,0,.1);overflow:hidden}.grade-card .small-box[data-v-2ea9a5c4]{height:1rem;display:flex;align-items:center;justify-content:space-between;padding:0 .3rem;box-sizing:border-box}.grade-card .small-box p[data-v-2ea9a5c4]{font-size:.3rem;line-height:1rem;color:#409eff;font-weight:600}.grade-card .detail-box[data-v-2ea9a5c4]{padding:.3rem 0;height:3.1rem;box-sizing:border-box;display:flex;flex-direction:column;align-items:center}.grade-card .detail-box p[data-v-2ea9a5c4]{font-size:.3rem;font-weight:600;color:#409eff;height:.5rem;line-height:.5rem}.grade-card .detail-box span[data-v-2ea9a5c4]{font-weight:500;color:#989898}.grade-card .green[data-v-2ea9a5c4]{color:#39b54a!important}.grade-card .red[data-v-2ea9a5c4]{color:#e54d42!important}.high[data-v-2ea9a5c4]{-webkit-animation:toHigh-data-v-2ea9a5c4 .5s ease;animation:toHigh-data-v-2ea9a5c4 .5s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.low[data-v-2ea9a5c4]{-webkit-animation:toLow-data-v-2ea9a5c4 .3s ease;animation:toLow-data-v-2ea9a5c4 .3s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes toHigh-data-v-2ea9a5c4{0%{height:1rem}to{height:3.1rem}}@keyframes toHigh-data-v-2ea9a5c4{0%{height:1rem}to{height:3.1rem}}@-webkit-keyframes toLow-data-v-2ea9a5c4{0%{height:3.1rem}to{height:1rem}}@keyframes toLow-data-v-2ea9a5c4{0%{height:3.1rem}to{height:1rem}}.grade[data-v-4cd30850]{width:100%;max-width:500px;margin:0 auto;background-color:#f8f8f8;min-height:100%;position:relative;overflow:hidden;touch-action:pan-y!important}.grade .errMsg[data-v-4cd30850]{width:80%;margin:1rem auto;box-sizing:border-box;padding:.5rem;font-size:.4rem;background:#fff;box-shadow:0 0 .3rem .1rem rgba(0,0,0,.1);border-radius:.1rem}.grade .errMsg .title[data-v-4cd30850]{font-size:.6rem;font-weight:600;margin-bottom:.5rem}.grade .errMsg .link[data-v-4cd30850]{margin-bottom:.5rem;color:#0081ff}.grade header[data-v-4cd30850]{position:fixed;top:0;left:0;width:100%;z-index:100}.grade header .w[data-v-4cd30850]{min-height:1.2rem;width:100%;max-width:500px;margin:0 auto;background-image:linear-gradient(45deg,#0081ff,#1cbbb4);color:#fff}.grade header .w .title-bar[data-v-4cd30850]{display:flex;flex-direction:row;align-items:center;justify-content:center;position:relative;height:1.2rem}.grade header .w .title-bar .icon-box[data-v-4cd30850]{position:absolute;top:0;left:0;height:1.2rem;width:1.2rem;display:flex;align-items:center;justify-content:center}.grade header .w .title-bar .icon-box .reflash[data-v-4cd30850]{font-size:.6rem}.grade header .w .title-bar .total-button[data-v-4cd30850]{position:absolute;right:.3rem;top:0;height:1.2rem;line-height:1.2rem;font-size:.4rem;text-align:right}.grade header .w .title-bar .center[data-v-4cd30850]{display:flex;align-items:center;justify-content:center}.grade header .w .title-bar .center .left-box[data-v-4cd30850],.grade header .w .title-bar .center .right-box[data-v-4cd30850]{display:flex;align-items:center;justify-content:center;width:1.2rem;height:1.2rem}.grade header .w .title-bar .center .icon[data-v-4cd30850]{font-size:.7rem}.grade header .w .title-bar .center .title-box[data-v-4cd30850]{font-size:.5rem}.grade header .w .grade-bar[data-v-4cd30850]{margin-top:.1rem;padding-bottom:.3rem}.grade header .w .grade-bar p[data-v-4cd30850]{font-size:.4rem;text-align:center}.grade header .w .grade-bar span[data-v-4cd30850]{font-size:.5rem}.grade header .w .grade-bar .kdc-box[data-v-4cd30850]{display:flex;justify-content:center;margin-top:.1rem}.grade header .w .grade-bar .kdc-box p[data-v-4cd30850]:first-child{margin-right:.5rem}.grade .dialog[data-v-4cd30850]{position:fixed;top:0;left:0;z-index:101;height:100%;width:100%;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center}.grade .dialog .w[data-v-4cd30850]{width:70%;max-width:350px;height:5rem;background:#fff;border-radius:.1rem;overflow:hidden}.grade .dialog .w .title[data-v-4cd30850]{height:1rem;background-image:linear-gradient(45deg,#0081ff,#1cbbb4);font-size:.4rem;text-align:center;line-height:1rem;color:#fff;position:relative}.grade .dialog .w .title .icon-box[data-v-4cd30850]{position:absolute;top:0;right:0;width:1rem;height:1rem;display:flex;align-items:center;justify-content:center}.grade .dialog .w .title .icon-box .icon[data-v-4cd30850]{font-size:.5rem}.grade .dialog .w .dialog-main[data-v-4cd30850]{height:4rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.grade .dialog .w .dialog-main p[data-v-4cd30850]{margin-bottom:.2rem;text-align:center;font-size:.4rem}.grade .dialog .w .dialog-main p span[data-v-4cd30850]{font-size:.4rem;color:#409eff} |