@xysfe/actui
Version:
A fantastic mobile ui lib implement by Vue
1 lines • 11.8 kB
CSS
[data-v-0a8c7c5e]{-webkit-tap-highlight-color:transparent}.act-picker-fade-enter[data-v-0a8c7c5e],.act-picker-fade-leave-active[data-v-0a8c7c5e]{opacity:0}.act-picker-fade-enter-active[data-v-0a8c7c5e],.act-picker-fade-leave-active[data-v-0a8c7c5e]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.act-picker-panel[data-v-0a8c7c5e]{font-size:14px;background:#fff}.act-picker-move-enter[data-v-0a8c7c5e],.act-picker-move-leave-active[data-v-0a8c7c5e]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.act-picker-move-enter-active[data-v-0a8c7c5e],.act-picker-move-leave-active[data-v-0a8c7c5e]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.act-picker-choose[data-v-0a8c7c5e]{position:relative;height:36px}.act-picker-back[data-v-0a8c7c5e]{position:absolute;top:0;left:0;display:block;width:20px;height:20px;margin:12px}.act-picker-back[data-v-0a8c7c5e]: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-0a8c7c5e]{position:absolute;top:0;right:0;display:block;width:30px;height:36px}.act-picker-close[data-v-0a8c7c5e]: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-0a8c7c5e]{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-0a8c7c5e]{font-size:18px;line-height:25px;font-weight:400;color:#333}.act-picker-subtitle[data-v-0a8c7c5e]{margin-top:2px;line-height:16px;font-weight:400;font-size:12px;color:#fcfcfc}.act-picker-content[data-v-0a8c7c5e]{position:relative;background-color:#f7f8fc;padding-bottom:12px}.act-picker-content .act-picker-main[data-v-0a8c7c5e]{height:428px;margin-top:-10px}.act-picker-content .act-picker-main[data-v-0a8c7c5e] .scroll-wrapper{height:428px}.act-picker-content .act-picker-line[data-v-0a8c7c5e]{height:22px;background:-webkit-linear-gradient(top,#fff,#f7f8fc);background:linear-gradient(180deg,#fff,#f7f8fc)}.act-picker-content .act-picker-search[data-v-0a8c7c5e]{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-0a8c7c5e],.act-picker-content .act-picker-search .search-icon[data-v-0a8c7c5e]{width:16px}.act-picker-content .act-picker-search .search-content[data-v-0a8c7c5e]{-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-0a8c7c5e]{-webkit-box-flex:1;-webkit-flex:1;flex:1;font-size:14px;color:#333;margin-left:5px;border:none;outline:none}.tip[data-v-0a8c7c5e]{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-0a8c7c5e]{width:15px;height:15px;margin-right:5px;margin-top:-1px}.tab-line[data-v-0a8c7c5e]{height:40px;background:#fff;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}.tab-line .tabBox[data-v-0a8c7c5e],.tab-line[data-v-0a8c7c5e]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.tab-line .tabBox[data-v-0a8c7c5e]{position:relative;-webkit-transition:color .3s;transition:color .3s;height:100%;-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;-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;color:#b3b3b3}.tab-line .tabBox span[data-v-0a8c7c5e]{display:inline-block;height:21px;font-size:15px;line-height:21px}.tab-line .tabBox .bottom[data-v-0a8c7c5e]{position:absolute;bottom:0;width:21px;height:3px;margin:auto;border-radius:3px;-webkit-transition:color .3s;transition:color .3s}.tab-line .tabBox.selected[data-v-0a8c7c5e]{color:#666}.layer-wrap[data-v-0a8c7c5e] .act-gold-popup-hd h3{margin:0}.act-picker-row-wheel-bd[data-v-7fe9e587]{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-7fe9e587]{height:100%}.act-picker-row-wheel-item[data-v-7fe9e587]{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-7fe9e587]{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-7fe9e587]{border-bottom:1px solid #f5f5f5}.act-picker-row-wheel-item .act-picker-row-wheel-scroll[data-v-7fe9e587]{-webkit-box-flex:1;-webkit-flex:1;flex:1}.act-picker-row-wheel-item .act-picker-row-wheel-title[data-v-7fe9e587]{color:#333;font-size:15px;font-weight:700;width:120px}.act-picker-row-wheel-item .act-picker-row-wheel-text[data-v-7fe9e587]{-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-7fe9e587]{color:#b3b3b3}.act-picker-row-wheel-item .act-picker-row-wheel-arrow[data-v-7fe9e587]{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-7fe9e587]{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-7fe9e587]{color:#8c7fee;background:rgba(140,127,238,.1)}.act-picker-row-wheel-item .act-picker-row-wheel-subset>li .text-item-right[data-v-7fe9e587]{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-7fe9e587]{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-7fe9e587]{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-7fe9e587]{-webkit-flex-shrink:1;flex-shrink:1}.act-picker-row-wheel-item.open .act-picker-row-wheel-arrow[data-v-7fe9e587]{-webkit-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);margin-top:0}.search[data-v-c8e32212]{margin:12px 10px 0;background:#fff;border-radius:12px;margin-top:12px;padding:14px 12px}.search .search-empty[data-v-c8e32212]{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-c8e32212]{width:210px;padding-top:40px}.search .search-empty .tip[data-v-c8e32212]{font-size:16px;font-weight:400;line-height:23px;margin:0;color:#333}.search .search-empty .desc[data-v-c8e32212]{font-size:12px;font-weight:400;line-height:18px;letter-spacing:0;color:#999;margin-top:5px}.scroll-list[data-v-6a4cfb1c]{font-size:15px}.scroll-list ul li[data-v-6a4cfb1c]{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-6a4cfb1c]{color:#8c7fee}.scroll-list ul li .text-item-right[data-v-6a4cfb1c]{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-6a4cfb1c]{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-6a4cfb1c]{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}