@xysfe/actui
Version:
A fantastic mobile ui lib implement by Vue
1 lines • 15.7 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}[data-v-3349a91e] .bscroll-vertical-scrollbar{width:5px}[data-v-3349a91e] .bscroll-indicator{background:rgba(0,0,0,.2)}.scroll-wrapper[data-v-3349a91e]{position:relative;height:100%;-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden}.scroll-wrapper .scroll-content[data-v-3349a91e]{width:100%;position:relative;z-index:1}[data-v-3ba21952]{-webkit-tap-highlight-color:transparent}.act-picker-fade-enter[data-v-3ba21952],.act-picker-fade-leave-active[data-v-3ba21952]{opacity:0}.act-picker-fade-enter-active[data-v-3ba21952],.act-picker-fade-leave-active[data-v-3ba21952]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.act-picker-panel[data-v-3ba21952]{font-size:14px;background:#fff}.act-picker-move-enter[data-v-3ba21952],.act-picker-move-leave-active[data-v-3ba21952]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.act-picker-move-enter-active[data-v-3ba21952],.act-picker-move-leave-active[data-v-3ba21952]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.act-picker-choose[data-v-3ba21952]{position:relative;height:36px}.act-picker-back[data-v-3ba21952]{position:absolute;top:0;left:0;display:block;width:20px;height:20px;margin:12px}.act-picker-back[data-v-3ba21952]:after{content:"";position:absolute;top:3px;left:1px;width:9px;height:13px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAaCAMAAACNQ/wIAAAARVBMVEUAAACzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OKWxW5AAAAFnRSTlMA7MiXLx0G+PbdtX56XkdBEenTsWEQ5EW3jQAAAGdJREFUGNOlkUkOgDAIRVs6Wa2zcv+jKiugCxLjX76kfR9wOvEoTZN5QEQJcsA3IEgCIuPGZPVEJsdpBPzC4D6JQBLuSiTkzl2u3l3jN7fb2W0gfmh8r0sYVdVAxti8nD9twDoan/YBZeEKy85R9P4AAAAASUVORK5CYII=) no-repeat;background-size:100% 100%;cursor:pointer}.act-picker-close[data-v-3ba21952]{position:absolute;top:0;right:0;display:block;width:30px;height:36px}.act-picker-close[data-v-3ba21952]:after{content:"";position:absolute;top:14px;right:13px;width:12px;height:12px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABSElEQVRIia3TLUsEQRzA4efGd0SLyc+xX0BFDGIWQbAJgsHuBxCr2SAooljPZNAsMt1oMxk0+FoMdwvnubuzezpw4WZuf8+x/KfVbre3cIB3bOJCgxVj/PE9y7J5nGMGu8PYx2j3c4YRnDZBeuILuMREd2sv4LHnNwHHWP+HODwFbODlL0hJ/A1rAXdYGhSpiK/EGG9Cd+N2QKQqfp1H8tUUScb7gSZIrTgMF/yzHLnCdB9CZ+pqxcuAKuQEXzp3JhnPHypbRa+r1SSeAnqR14Kzz1S8DgCTGCrYH8Fs6uEUkE/LWMFZC8dZllVexiqgaBQ//HxdIYWUAWVzvtw9+3VPypAioPQS4VrFZSxC+oFUPF+1kV6gbrwRkgNN47WRgLkB4yDGWIWsBhwNGq+BHAZM/SWeQMYDtvGEB505bxzvQxZxj2fsfANKJZ20phILAAAAAABJRU5ErkJggg==") no-repeat;background-size:100% 100%;cursor:pointer}.act-picker-title-group[data-v-3ba21952]{padding:0 60px;height:100%;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;text-align:center}.act-picker-title[data-v-3ba21952]{font-size:18px;line-height:25px;font-weight:400;color:#333}.act-picker-subtitle[data-v-3ba21952]{margin-top:2px;line-height:16px;font-weight:400;font-size:12px;color:#fcfcfc}.act-picker-content[data-v-3ba21952]{position:relative;background-color:#f7f8fc;padding-bottom:12px}.act-picker-content .act-picker-main[data-v-3ba21952]{height:428px;margin-top:-10px}.act-picker-content .act-picker-main[data-v-3ba21952] .scroll-wrapper{height:428px}.act-picker-content .act-picker-line[data-v-3ba21952]{height:22px;background:-webkit-linear-gradient(top,#fff,#f7f8fc);background:linear-gradient(180deg,#fff,#f7f8fc)}.act-picker-content .act-picker-search[data-v-3ba21952]{height:36px;padding:0 12px 0 16px;margin:0 10px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;background:#fff;border-radius:18px}.act-picker-content .act-picker-search .close-icon[data-v-3ba21952],.act-picker-content .act-picker-search .search-icon[data-v-3ba21952]{width:16px}.act-picker-content .act-picker-search .search-content[data-v-3ba21952]{-webkit-box-flex:1;-webkit-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.act-picker-content .act-picker-search .search-content .search-text-content[data-v-3ba21952]{-webkit-box-flex:1;-webkit-flex:1;flex:1;font-size:14px;color:#333;margin-left:5px;border:none;outline:none}.tip[data-v-3ba21952]{height:26px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;color:#999;font-size:12px;line-height:1;background-color:#fdfae0}.tip img[data-v-3ba21952]{width:15px;height:15px;margin-right:5px;margin-top:-1px}.act-picker-row-wheel-bd[data-v-442ed6f0]{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;font-size:16px;background-color:#fff;padding-bottom:8px;border-radius:12px;margin:10px;z-index:1}.act-picker-row-wheel-bd.act-picker-row-wheel-bd-full[data-v-442ed6f0]{height:100%}.act-picker-row-wheel-item[data-v-442ed6f0]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;line-height:14px;-webkit-flex-shrink:0;flex-shrink:0;overflow:hidden}.act-picker-row-wheel-item .act-picker-row-wheel-parent[data-v-442ed6f0]{position:relative;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-shrink:0;flex-shrink:0;-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin:0 14px;font-size:15px;background-color:#fff;height:47px}.act-picker-row-wheel-item .act-picker-row-wheel-parent.bottom-line[data-v-442ed6f0]{border-bottom:1px solid #f5f5f5}.act-picker-row-wheel-item .act-picker-row-wheel-scroll[data-v-442ed6f0]{-webkit-box-flex:1;-webkit-flex:1;flex:1}.act-picker-row-wheel-item .act-picker-row-wheel-title[data-v-442ed6f0]{color:#333;font-size:15px;font-weight:700;width:120px}.act-picker-row-wheel-item .act-picker-row-wheel-text[data-v-442ed6f0]{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:right;color:#b3b3b3;font-size:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:20px;line-height:1.2}.act-picker-row-wheel-item .act-picker-row-wheel-placeholder[data-v-442ed6f0]{color:#b3b3b3}.act-picker-row-wheel-item .act-picker-row-wheel-arrow[data-v-442ed6f0]{position:absolute;top:50%;right:2px;-webkit-transform:translateY(-50%) rotate(0deg);transform:translateY(-50%) rotate(0deg);width:12px;height:8px;font-size:16px;background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAABaklEQVQ4jaXTv0tVcRjH8dc9iRQ3EBTcEmqxqZaa6l9wFFNDHAKVBmlpsRwsMUXUFuHioJPg6nLTQWooHPsTbFGSwD8gzYbzHPxy8x41P9PzeX68D+f5fr+VWq22hBd4jWXX00vMYiXDKKr4iCfXgD4NRhUjGTaj0IJ1tP8HtCNmb4TfzDCCH5HowhoqV4BWsIo74fcwluEIA/gdhR6MXwH8KmYEox9HWSS+4W3SPItHl4A+xkziJ7ALWZKcQz3iVmygrQTaFj2t4euYL4op+BTD2A9/D7US8AruRryPoWD8A4ZDDOIkfJ/8OjZqFL0Rn8jP6Ffa0AiGz3iX+AU8SPxDLCZ+Cl8aIeeB4X18AG7Jd1nF7YhvRm0H0+cBWpqAi9/7jk7clz/3Crqj5yeeO1vbpcBwID+QegCHktpp+INmw81WUWhLfg0b9QHbZYMXgeGN/AEV+orJi4bKVlHoWP5MP+EPnkWuVH8BAjtEVRI92kQAAAAASUVORK5CYII=") no-repeat;background-size:100% 100%}.act-picker-row-wheel-item .act-picker-row-wheel-subset>li[data-v-442ed6f0]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;background:#f7f8fc;padding:6px 10px;border-radius:5px;font-size:14px;color:#777;line-height:19px;margin:0 14px 6px}.act-picker-row-wheel-item .act-picker-row-wheel-subset>li.checked[data-v-442ed6f0]{color:#8c7fee;background:rgba(140,127,238,.1)}.act-picker-row-wheel-item .act-picker-row-wheel-subset>li .text-item-right[data-v-442ed6f0]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;min-width:9rem;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.act-picker-row-wheel-item .act-picker-row-wheel-subset>li .category[data-v-442ed6f0]{display:inline-block;font-size:11px;font-weight:400;color:#b3b3b3;line-height:13px;margin-right:12px;white-space:nowrap}.act-picker-row-wheel-item .act-picker-row-wheel-subset>li .status[data-v-442ed6f0]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:56px;height:20px;line-height:20px;border-radius:10px;font-size:11px;font-weight:400;color:#fff;background:-webkit-linear-gradient(left,#cfcfcf,#b3b3b3);background:linear-gradient(90deg,#cfcfcf,#b3b3b3);opacity:.8}.act-picker-row-wheel-item.open[data-v-442ed6f0]{-webkit-flex-shrink:1;flex-shrink:1}.act-picker-row-wheel-item.open .act-picker-row-wheel-arrow[data-v-442ed6f0]{-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);margin-top:0}.search[data-v-0534bfd4]{margin:12px 10px 0;background:#fff;border-radius:12px;margin-top:12px;padding:14px 12px}.search .search-empty[data-v-0534bfd4]{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-align:center;-webkit-align-items:center;align-items:center;height:310px;text-align:center}.search .search-empty img[data-v-0534bfd4]{width:210px;padding-top:40px}.search .search-empty .tip[data-v-0534bfd4]{font-size:16px;font-weight:400;line-height:23px;margin:0;color:#333}.search .search-empty .desc[data-v-0534bfd4]{font-size:12px;font-weight:400;line-height:18px;letter-spacing:0;color:#999;margin-top:5px}.scroll-list[data-v-67b7a78a]{font-size:15px}.scroll-list ul li[data-v-67b7a78a]{padding:6px 10px;line-height:19px;color:#777;background:#f7f8fc;border-radius:5px;text-overflow:ellipsis;display:-webkit-box;margin-bottom:6px;-webkit-box-orient:vertical}.scroll-list ul li.checked[data-v-67b7a78a]{color:#8c7fee}.scroll-list ul li .text-item-right[data-v-67b7a78a]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;min-width:9rem;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.scroll-list ul li .category[data-v-67b7a78a]{display:inline-block;font-size:11px;font-weight:400;color:#b3b3b3;line-height:13px;margin-right:12px;white-space:nowrap}.scroll-list ul li .status[data-v-67b7a78a]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;width:56px;height:20px;line-height:20px;border-radius:10px;font-size:11px;font-weight:400;color:#fff;background:-webkit-linear-gradient(left,#cfcfcf,#b3b3b3);background:linear-gradient(90deg,#cfcfcf,#b3b3b3);opacity:.8}.frequency[data-v-2adf6cdc]{border-radius:12px;margin:10px;background-color:#fff;padding:12px}.frequency .title[data-v-2adf6cdc]{color:#333;font-size:15px;font-weight:700;font-family:AlibabaPuHuiTi}.frequency .act-copy-frequency-wrapper[data-v-2adf6cdc],.frequency .act-frequency-wrapper[data-v-2adf6cdc]{position:relative;margin-top:8px;height:auto}.frequency .act-copy-frequency-wrapper .act-frequency-option[data-v-2adf6cdc],.frequency .act-frequency-wrapper .act-frequency-option[data-v-2adf6cdc]{min-width:72px;padding:7px 10px;border-radius:5px;display:inline-block;vertical-align:top;margin-right:6px;background:#f7f8fc;color:#333;line-height:1.4;font-size:13px;margin-bottom:6px}.frequency .act-copy-frequency-wrapper[data-v-2adf6cdc]{position:absolute;width:100%;z-index:-99999;visibility:hidden;left:0;right:0;height:auto}.frequency .show-more-btn[data-v-2adf6cdc]{width:31.5px;height:31.5px;-webkit-transform:translateY(.5px);transform:translateY(.5px);position:relative;display:inline-block;vertical-align:top;background:#f7f8fc;border-radius:5px}.frequency .show-more-btn .icon-down[data-v-2adf6cdc]{width:12px;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%) rotate(180deg);transform:translate(-50%,-50%) rotate(180deg);-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.frequency .show-more-btn .rotate[data-v-2adf6cdc]{-webkit-transform:translate(-50%,-50%) rotate(0deg);transform:translate(-50%,-50%) rotate(0deg)}