1 line
7.2 KiB
CSS
1 line
7.2 KiB
CSS
.schedule[data-v-95b097b2]{width:100%;max-width:500px;margin:0 auto;background-color:#f8f8f8;min-height:100%;position:relative;overflow:hidden}.schedule header[data-v-95b097b2]{position:fixed;top:0;left:0;width:100%;height:1.2rem;z-index:100}.schedule header .w[data-v-95b097b2]{height:1.2rem;width:100%;max-width:500px;margin:0 auto;display:flex;align-items:center;justify-content:center;background-image:linear-gradient(90deg,#f0da4b,#ff005e);color:#fff;position:relative}.schedule header .w .left-box[data-v-95b097b2],.schedule header .w .right-box[data-v-95b097b2]{display:flex;align-items:center;justify-content:center;width:1.2rem;height:1.2rem}.schedule header .w .icon[data-v-95b097b2]{font-size:.5rem}.schedule header .w .week-box[data-v-95b097b2]{font-size:.5rem}.schedule header .w .more[data-v-95b097b2]{font-size:.6rem;position:absolute;left:.3rem}.schedule header .w .back[data-v-95b097b2]{font-size:.6rem;position:absolute;left:.3rem}.schedule header .w .refresh[data-v-95b097b2]{font-size:.6rem;position:absolute;right:.3rem}.schedule header .w .rank-icon-box[data-v-95b097b2]{position:absolute;right:.3rem;display:flex;align-items:center;justify-content:center}.schedule header .w .rank-icon-box .rank[data-v-95b097b2]{height:.7rem;width:.7rem}.schedule nav[data-v-95b097b2]{height:.8rem;padding-left:.7rem;display:flex}.schedule nav .week-title[data-v-95b097b2]{flex:1;line-height:.8rem;font-size:.3rem;text-align:center}.schedule nav .highlight[data-v-95b097b2]{color:#ff005e}.schedule .main[data-v-95b097b2]{display:flex}.schedule .main aside[data-v-95b097b2]{width:.7rem}.schedule .main aside .lesson-title[data-v-95b097b2]{font-size:.3rem;font-weight:600;text-align:center;height:1.4rem;line-height:1.4rem}.schedule .main .lesson-warp[data-v-95b097b2]{flex:1;display:flex;touch-action:pan-y!important}.schedule .main .lesson-warp .day-box[data-v-95b097b2]{width:14%;flex:1;flex-shrink:1;display:flex;flex-direction:column}.schedule .main .lesson-warp .day-box .lesson-box[data-v-95b097b2]{height:2.8rem;border:1px solid #eee;display:flex;align-items:center;justify-content:center;padding:.05rem;box-sizing:border-box}.schedule .main .lesson-warp .day-box .lesson-box .lesson[data-v-95b097b2]{width:100%;height:100%;border-radius:.1rem;word-wrap:break-word;display:flex;align-items:center;justify-content:center;overflow:hidden}.schedule .main .lesson-warp .day-box .lesson-box .lesson .info[data-v-95b097b2]{font-size:.3rem;margin-bottom:.1rem;text-align:center}.schedule .dialog[data-v-95b097b2]{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}.schedule .dialog .w[data-v-95b097b2]{width:70%;max-width:350px;height:5rem;background:#fff;border-radius:.1rem;overflow:hidden}.schedule .dialog .w .title[data-v-95b097b2]{height:1rem;background-image:linear-gradient(90deg,#f0da4b,#ff005e);font-size:.4rem;text-align:center;line-height:1rem;color:#fff;position:relative}.schedule .dialog .w .title .icon-box[data-v-95b097b2],.schedule .dialog .w .title .reflash-box[data-v-95b097b2]{position:absolute;top:0;right:0;width:1rem;height:1rem;display:flex;align-items:center;justify-content:center}.schedule .dialog .w .title .icon-box .icon[data-v-95b097b2],.schedule .dialog .w .title .reflash-box .icon[data-v-95b097b2]{font-size:.5rem}.schedule .dialog .w .title .reflash-box[data-v-95b097b2]{right:auto;left:0}.schedule .dialog .w .dialog-main[data-v-95b097b2]{height:4rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.schedule .dialog .w .dialog-main p[data-v-95b097b2]{margin-bottom:.2rem;text-align:center;font-size:.3rem}.schedule .dialog .w .dialog-main p span[data-v-95b097b2]{font-size:.3rem;color:#e54d42}.schedule .dialog .w .dialog-main input[data-v-95b097b2]{width:3.5rem;height:.4rem;font-size:.3rem;text-align:center;color:#e54d42;border:0;outline:none;border-bottom:1px solid #eee}.schedule .dialog .w .dialog-main input[data-v-95b097b2]:focus{outline:none}.schedule .dialog .w .dialog-main .btn-box[data-v-95b097b2]{display:flex;align-items:center;margin-top:.3rem}.schedule .dialog .w .dialog-main .btn-box p[data-v-95b097b2]{height:.5rem;width:1.6rem;border:1px solid #e54d42;border-radius:.1rem;line-height:.5rem}.schedule .dialog .w .dialog-main .btn-box p[data-v-95b097b2]:first-of-type{color:#e54d42;margin-right:.3rem}.schedule .dialog .w .dialog-main .btn-box p[data-v-95b097b2]:last-of-type{background-color:#e54d42;color:#fff}.schedule .dialog-rank .w[data-v-95b097b2]{height:auto;width:90%;max-width:450px}.schedule .dialog-rank .dialog-main[data-v-95b097b2]{height:auto!important;max-height:15rem;padding-bottom:.3rem;box-sizing:border-box}.schedule .dialog-rank .dialog-main .nav-box[data-v-95b097b2]{display:flex;align-items:center;justify-content:space-between;height:1rem;width:100%}.schedule .dialog-rank .dialog-main .nav-box div[data-v-95b097b2]{flex:1;display:flex;align-items:center;justify-content:center}.schedule .dialog-rank .dialog-main .nav-box div p[data-v-95b097b2]{width:1rem;height:.5rem;line-height:.5rem;font-size:.3rem;margin:0!important}.schedule .dialog-rank .dialog-main .nav-box div .line[data-v-95b097b2]{border-bottom:2px solid #e54d42}.schedule .dialog-rank .dialog-main .rank-title[data-v-95b097b2]{width:100%;display:flex;align-items:center;justify-content:space-between;padding-left:.5rem;box-sizing:border-box;margin-top:.3rem}.schedule .dialog-rank .dialog-main .rank-title p[data-v-95b097b2]{width:33.3%}.schedule .dialog-rank .dialog-main .count-rank-box[data-v-95b097b2],.schedule .dialog-rank .dialog-main .time-rank-box[data-v-95b097b2]{overflow-y:scroll!important;width:100%;position:relative}.schedule .dialog-rank .dialog-main .count-rank-box .price-box[data-v-95b097b2],.schedule .dialog-rank .dialog-main .time-rank-box .price-box[data-v-95b097b2]{position:absolute;left:.3rem;top:0;width:.5rem;display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.schedule .dialog-rank .dialog-main .count-rank-box .price-box .icon-box[data-v-95b097b2],.schedule .dialog-rank .dialog-main .time-rank-box .price-box .icon-box[data-v-95b097b2]{height:.8rem;width:.5rem;display:flex;align-items:center;justify-content:center}.schedule .dialog-rank .dialog-main .count-rank-box .price-box .icon-box .icon[data-v-95b097b2],.schedule .dialog-rank .dialog-main .time-rank-box .price-box .icon-box .icon[data-v-95b097b2]{width:.5rem;height:.5rem}.schedule .dialog-rank .dialog-main .count-rank-box .count-rank-content[data-v-95b097b2],.schedule .dialog-rank .dialog-main .count-rank-box .time-rank-content[data-v-95b097b2],.schedule .dialog-rank .dialog-main .time-rank-box .count-rank-content[data-v-95b097b2],.schedule .dialog-rank .dialog-main .time-rank-box .time-rank-content[data-v-95b097b2]{width:100%;display:flex;align-items:center;justify-content:space-between;padding-left:.5rem;box-sizing:border-box}.schedule .dialog-rank .dialog-main .count-rank-box .count-rank-content p[data-v-95b097b2],.schedule .dialog-rank .dialog-main .count-rank-box .time-rank-content p[data-v-95b097b2],.schedule .dialog-rank .dialog-main .time-rank-box .count-rank-content p[data-v-95b097b2],.schedule .dialog-rank .dialog-main .time-rank-box .time-rank-content p[data-v-95b097b2]{height:.8rem;width:33.3%;line-height:.8rem;margin:0!important} |