@xysfe/actui
Version:
A fantastic mobile ui lib implement by Vue
1 lines • 16.1 kB
CSS
.act-popup{position:fixed;left:0;right:0;top:0;bottom:0;max-width:100vw;content:"viewport-units-buggyfill; max-width: 100vw"}.act-popup-container,.act-popup-mask{position:absolute;width:100%;height:100%}.act-popup-mask{overflow:hidden}.act-popup-mask:before{content:".";display:block;width:1px;height:1px;background-color:rgba(0,0,0,.1);margin-left:-10px}.act-popup-container{-webkit-transform:translate(100%,100%);transform:translate(100%,100%)}.act-popup-content{position:absolute;top:0;left:0;width:100%;box-sizing:border-box;-webkit-transform:translate(-100%,-100%);transform:translate(-100%,-100%)}.act-popup-center .act-popup-content{position:absolute;top:-50%;left:-50%;width:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.act-popup-top-radius{border-top-left-radius:12px;border-top-right-radius:12px}.act-popup-top-radius.act-popup-content{overflow:hidden}.act-gold-popup-fade-enter[data-v-f3b563a0]{opacity:0}.act-gold-popup-fade-enter-active[data-v-f3b563a0]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.act-gold-popup-move-enter[data-v-f3b563a0]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.act-gold-popup-move-enter-active[data-v-f3b563a0]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.act-gold-popup-container[data-v-f3b563a0]{position:absolute;bottom:0;left:0;width:100%;line-height:1;background-color:#fff;border-radius:12px 12px 0 0}.act-gold-popup-container .act-gold-popup-hd[data-v-f3b563a0]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;position:relative;text-align:center;font-size:17px;color:#333}.act-gold-popup-container .act-gold-popup-hd[data-v-f3b563a0] h3{padding:13px 40px;line-height:20px;font-size:17px}.act-gold-popup-container .act-gold-popup-hd i[data-v-f3b563a0]{display:block;position:absolute;top:50%;z-index:1;margin:12px;background-repeat:no-repeat}.act-gold-popup-container .act-gold-popup-hd i.act-gold-popup-icon-close[data-v-f3b563a0]{position:absolute;top:-5px;right:-4px;display:block;width:20px;height:20px}.act-gold-popup-container .act-gold-popup-hd i.act-gold-popup-icon-close[data-v-f3b563a0]:after,.act-gold-popup-container .act-gold-popup-hd i.act-gold-popup-icon-close[data-v-f3b563a0]:before{position:absolute;content:"";width:16px;height:2px;background:#b3b3b3;top:9px;left:2.5px}.act-gold-popup-container .act-gold-popup-hd i.act-gold-popup-icon-close[data-v-f3b563a0]:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.act-gold-popup-container .act-gold-popup-hd i.act-gold-popup-icon-close[data-v-f3b563a0]:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.act-gold-popup-container .act-gold-popup-hd.act-gold-popup-hd-custom[data-v-f3b563a0]{min-height:36px;line-height:36px}.svg-icon[data-v-94daa448]{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}.gradual-color[data-v-597d6a82]{height:2.2rem;background:-webkit-linear-gradient(bottom,#f7f8fc,#fff);background:linear-gradient(0deg,#f7f8fc,#fff)}.record-rule-wrapper[data-v-597d6a82]{position:relative;line-height:22px;font-size:13px;height:61vh;background:#f7f8fc;content:"viewport-units-buggyfill; height: 61vh"}.record-rule-wrapper .content[data-v-597d6a82]{border-radius:1.2rem;position:absolute;top:-.8rem;right:0;width:100%;max-height:50rem;background:#f7f8fc}.record-rule-wrapper .special-description[data-v-597d6a82]{margin:0 30px 0 14px;color:#333;font-size:14px}.record-rule-wrapper .description[data-v-597d6a82]{margin:0 30px 0 14px;color:#666}.record-rule-wrapper .record-rule-content[data-v-597d6a82]{margin-top:4px;padding:0 14px;padding-bottom:15px;position:relative;width:100%;overflow:hidden;-webkit-user-select:none;user-select:none}.record-rule-wrapper .record-rule-content[data-v-597d6a82] .scroll-wrapper{width:100%;height:400px}.record-rule-wrapper .record-rule-content[data-v-597d6a82] .scroll-wrapper .scroll-content{width:640px;margin:0 14px;overflow:hidden;position:relative}.record-rule-wrapper .record-rule-content .table-title[data-v-597d6a82]{display:-webkit-box;display:-webkit-flex;display:flex;width:100%;background-color:#f1f1f7;border-radius:10px 10px 0 0;border:1px solid #e2e5e7;border-bottom:none;height:40px;line-height:40px;text-align:center;color:#333}.record-rule-wrapper .record-rule-content .table-title .left-title[data-v-597d6a82]{display:-webkit-box;display:-webkit-flex;display:flex;width:163px}.record-rule-wrapper .record-rule-content .table-title .left-title .header-item[data-v-597d6a82]{width:100%;border-right:1px solid #e2e5e7}.record-rule-wrapper .record-rule-content .table-title .right-title[data-v-597d6a82]{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:hidden}.record-rule-wrapper .record-rule-content .table-title .right-title .right-title-wrapper[data-v-597d6a82]{display:-webkit-box;display:-webkit-flex;display:flex}.record-rule-wrapper .record-rule-content .table-title .right-title .right-title-wrapper .header-item[data-v-597d6a82]:first-child{width:120px;border-right:1px solid #e2e5e7}.record-rule-wrapper .record-rule-content .table-title .right-title .right-title-wrapper .header-item[data-v-597d6a82]:nth-child(2){width:100px;border-right:1px solid #e2e5e7}.record-rule-wrapper .record-rule-content .table-title .right-title .right-title-wrapper .header-item[data-v-597d6a82]:nth-child(3){width:66px;border-right:1px solid #e2e5e7}.record-rule-wrapper .record-rule-content .table-title .right-title .right-title-wrapper .header-item[data-v-597d6a82]:nth-child(4){-webkit-box-flex:1;-webkit-flex:1;flex:1}.record-rule-wrapper .record-rule-content .table-wrapper[data-v-597d6a82]{height:41vh;overflow:hidden;background:#fff;border-radius:0 0 10px 10px;border-bottom:1px solid #e2e5e7;box-shadow:0 3px 10px 0 hsla(0,0%,70%,.1);content:"viewport-units-buggyfill; height: 41vh"}.record-rule-wrapper .record-rule-content .table-wrapper .record-table[data-v-597d6a82]{border-radius:0 0 10px 10px;border:1px solid #e2e5e7;display:-webkit-box;display:-webkit-flex;display:flex}.record-rule-wrapper .record-rule-content .table-wrapper .record-table .left-table[data-v-597d6a82]{width:163px}.record-rule-wrapper .record-rule-content .table-wrapper .record-table .left-table .left-table-body-item:last-child .body-item-left[data-v-597d6a82],.record-rule-wrapper .record-rule-content .table-wrapper .record-table .left-table .left-table-body-item:last-child .body-item-right .right-row-city[data-v-597d6a82]:last-child{border-bottom:none}.record-rule-wrapper .record-rule-content .table-wrapper .record-table .left-table .left-table-body-item .body-item-left[data-v-597d6a82]{width:60px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;border-right:1px solid #e2e5e7;-webkit-box-align:center;-webkit-align-items:center;align-items:center;border-bottom:1px solid #e2e5e7}.record-rule-wrapper .record-rule-content .table-wrapper .record-table .left-table .left-table-body-item .body-item-right[data-v-597d6a82]{-webkit-box-flex:1;-webkit-flex:1;flex:1}.record-rule-wrapper .record-rule-content .table-wrapper .record-table .left-table .left-table-body-item .body-item-right .right-row-city[data-v-597d6a82]{display:-webkit-box;display:-webkit-flex;display:flex;padding:8px;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-webkit-align-items:center;align-items:center;border-bottom:1px solid #e2e5e7;border-right:1px solid #e2e5e7}.record-rule-wrapper .record-rule-content .table-wrapper .record-table .left-table .left-table-body-item .body-item-right .right-row-city p[data-v-597d6a82]{padding:1.5px}.record-rule-wrapper .record-rule-content .table-wrapper .record-table .right-table[data-v-597d6a82]{-webkit-box-flex:1;-webkit-flex:1;flex:1;overflow:hidden}.record-rule-wrapper .record-rule-content .table-wrapper .record-table .right-table .right-table-body-item:last-child .right-row-item .row-citem[data-v-597d6a82]{border-bottom:none}.record-rule-wrapper .record-rule-content .table-wrapper .record-table .right-table .right-table-body-item .right-row-item[data-v-597d6a82]{display:-webkit-box;display:-webkit-flex;display:flex}.record-rule-wrapper .record-rule-content .table-wrapper .record-table .right-table .right-table-body-item .right-row-item .row-citem[data-v-597d6a82]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:8px;border-right:1px solid #e2e5e7;border-bottom:1px solid #e2e5e7}.record-rule-wrapper .record-rule-content .table-wrapper .record-table .right-table .right-table-body-item .right-row-item .row-citem[data-v-597d6a82]:first-child{width:120px}.record-rule-wrapper .record-rule-content .table-wrapper .record-table .right-table .right-table-body-item .right-row-item .row-citem[data-v-597d6a82]:nth-child(2){width:100px}.record-rule-wrapper .record-rule-content .table-wrapper .record-table .right-table .right-table-body-item .right-row-item .row-citem[data-v-597d6a82]:nth-child(3){width:66px}.record-rule-wrapper .record-rule-content .table-wrapper .record-table .right-table .right-table-body-item .right-row-item .row-citem[data-v-597d6a82]:nth-child(4){border-right:none;-webkit-box-flex:1;-webkit-flex:1;flex:1}.record-rule-wrapper .submit-btn[data-v-597d6a82]{position:absolute;bottom:0;left:0;width:100%;margin-top:10px;padding:10px;border-top:1px solid #f5f5f5}.record-rule-wrapper .submit-btn .full-screen-btn[data-v-597d6a82]{height:4rem;border-radius:2.2rem;background:-webkit-linear-gradient(left,#b6adfb,#9589f4);background:linear-gradient(90deg,#b6adfb,#9589f4);text-align:center;line-height:4rem;font-size:1.6rem;font-family:SourceHanSansSC-Regular,SourceHanSansSC;font-weight:400;color:#fff}.bg-wrap[data-v-597d6a82]{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:9999;background:#fff;content:"viewport-units-buggyfill; width: 100vw; height: 100vh"}.bg-wrap .full-record-rule-wrapper[data-v-597d6a82]{-webkit-transform:rotate(90deg);transform:rotate(90deg);position:absolute;left:100%;top:0;width:100vh;height:100vw;overflow:auto;-webkit-transform-origin:top left;transform-origin:top left;content:"viewport-units-buggyfill; width: 100vh; height: 100vw"}.bg-wrap .full-record-rule-wrapper .title[data-v-597d6a82]{position:relative;font-size:20px;padding-top:12px;color:#333;font-weight:700;text-align:center}.bg-wrap .full-record-rule-wrapper .title .close[data-v-597d6a82]{position:absolute;top:1rem;right:1rem}.bg-wrap .full-record-rule-wrapper .title .close img[data-v-597d6a82]{width:3.2rem;height:3.2rm;pointer-events:auto}.bg-wrap .full-record-rule-wrapper .description[data-v-597d6a82]{text-align:center;margin-top:15px;font-size:14px;color:#666}.bg-wrap .full-record-rule-wrapper .description .special-desc[data-v-597d6a82]{color:#333}.bg-wrap .full-record-rule-wrapper .record-rule-content[data-v-597d6a82]{margin-top:12px;padding:0 14px;position:relative;width:100%;overflow:hidden;-webkit-user-select:none;user-select:none}.bg-wrap .full-record-rule-wrapper .record-rule-content .table-header[data-v-597d6a82]{display:-webkit-box;display:-webkit-flex;display:flex;background-color:#f1f1f7;border-radius:10px 10px 0 0;border:1px solid #e2e5e7;border-bottom:none;height:40px;line-height:40px;text-align:center;color:#333}.bg-wrap .full-record-rule-wrapper .record-rule-content .table-header .header-item[data-v-597d6a82]:first-child{width:255px;border-right:1px solid #e2e5e7}.bg-wrap .full-record-rule-wrapper .record-rule-content .table-header .header-item[data-v-597d6a82]:nth-child(2){width:120px;border-right:1px solid #e2e5e7}.bg-wrap .full-record-rule-wrapper .record-rule-content .table-header .header-item[data-v-597d6a82]:nth-child(3){width:50px;border-right:1px solid #e2e5e7}.bg-wrap .full-record-rule-wrapper .record-rule-content .table-header .header-item[data-v-597d6a82]:nth-child(4){-webkit-box-flex:1;-webkit-flex:1;flex:1}.bg-wrap .full-record-rule-wrapper .record-rule-content .table-body[data-v-597d6a82]{border-radius:0 0 10px 10px;max-height:230px;overflow-y:scroll;-webkit-overflow-scrolling:touch;border:1px solid #e2e5e7}.bg-wrap .full-record-rule-wrapper .record-rule-content .table-body .table-body-item[data-v-597d6a82]{display:-webkit-box;display:-webkit-flex;display:flex;border-bottom:1px solid #e2e5e7}.bg-wrap .full-record-rule-wrapper .record-rule-content .table-body .table-body-item[data-v-597d6a82]:last-child{border-radius:0 0 10px 10px;border-bottom:none}.bg-wrap .full-record-rule-wrapper .record-rule-content .table-body .table-body-item .body-item-left[data-v-597d6a82]{width:75px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;border-right:1px solid #e2e5e7;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.bg-wrap .full-record-rule-wrapper .record-rule-content .table-body .table-body-item .body-item-right[data-v-597d6a82]{-webkit-box-flex:1;-webkit-flex:1;flex:1}.bg-wrap .full-record-rule-wrapper .record-rule-content .table-body .table-body-item .body-item-right .right-row-item[data-v-597d6a82]{display:-webkit-box;display:-webkit-flex;display:flex;border-bottom:1px solid #e2e5e7}.bg-wrap .full-record-rule-wrapper .record-rule-content .table-body .table-body-item .body-item-right .right-row-item[data-v-597d6a82]:last-child{border-bottom:none}.bg-wrap .full-record-rule-wrapper .record-rule-content .table-body .table-body-item .body-item-right .right-row-item .row-citem[data-v-597d6a82]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding:8px;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;border-right:1px solid #e2e5e7}.bg-wrap .full-record-rule-wrapper .record-rule-content .table-body .table-body-item .body-item-right .right-row-item .row-citem p[data-v-597d6a82]{padding:1.5px}.bg-wrap .full-record-rule-wrapper .record-rule-content .table-body .table-body-item .body-item-right .right-row-item .row-citem[data-v-597d6a82]:first-child{width:180px}.bg-wrap .full-record-rule-wrapper .record-rule-content .table-body .table-body-item .body-item-right .right-row-item .row-citem[data-v-597d6a82]:nth-child(2){width:120px}.bg-wrap .full-record-rule-wrapper .record-rule-content .table-body .table-body-item .body-item-right .right-row-item .row-citem:nth-child(2) .range-tip[data-v-597d6a82]{width:100%}.bg-wrap .full-record-rule-wrapper .record-rule-content .table-body .table-body-item .body-item-right .right-row-item .row-citem[data-v-597d6a82]:nth-child(3){width:50px}.bg-wrap .full-record-rule-wrapper .record-rule-content .table-body .table-body-item .body-item-right .right-row-item .row-citem[data-v-597d6a82]:nth-child(4){border-right:none;-webkit-box-flex:1;-webkit-flex:1;flex:1}.dialog-mask[data-v-597d6a82]{position:fixed;top:0;left:0;width:100%;height:100%;z-index:300;background:rgba(0,0,0,.5)}.dialog-mask .content[data-v-597d6a82]{position:absolute;top:50%;width:334px;left:50%;padding:15px 12px;max-height:260px;overflow-y:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#fff;border-radius:13px;font-size:13px;line-height:18px;color:#333}.dialog-mask .content .record-content[data-v-597d6a82]{display:-webkit-box;display:-webkit-flex;display:flex}.dialog-mask .content .record-content .record-citys[data-v-597d6a82]{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center}