@xysfe/actui
Version:
A fantastic mobile ui lib implement by Vue
1 lines • 18.6 kB
CSS
.act-bankSelect-fade-enter[data-v-148c8934]{opacity:0}.act-bankSelect-fade-enter-active[data-v-148c8934]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.act-wrapper-move-enter[data-v-148c8934],.act-wrapper-move-leave-to[data-v-148c8934]{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.act-wrapper-move-enter-active[data-v-148c8934],.act-wrapper-move-leave-active[data-v-148c8934]{-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.act-bankSelct-wrapper[data-v-148c8934]{background:#f7f8fc;border-radius:12px 12px 0 0;height:504px}.act-bank-select-hd[data-v-148c8934]{height:50px;line-height:50px;text-align:center;font-size:17px;color:#333;font-weight:700;position:relative;background:#fff;border-radius:12px 12px 0 0}.act-bank-select-hd .edit[data-v-148c8934]{position:absolute;display:inline-block;left:0;color:#666;font-size:14px;font-weight:400;padding-left:20px}.act-bank-select-hd .finish[data-v-148c8934]{position:absolute;display:inline-block;right:0;font-size:14px;font-weight:400;margin-right:15px}.act-bank-select-hd i[data-v-148c8934]{display:block;position:absolute;top:50%;z-index:1;margin:12px;font-size:13px;color:#666;background-repeat:no-repeat}.act-bank-select-hd i.icon-back[data-v-148c8934]{height:17px;width:25px;left:5px;margin-top:-8.5px;background-size:8.5px 12.5px;background-position:0;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAZCAYAAADXPsWXAAABb0lEQVQ4jZ3UMUhVcRTH8c97Fk8Qh2gIlBwiQgh5EAbqIC3S4G0wXBrkDa0SLg6Cm4PS1lC4CIJUQ1noWwxSGotEghzf2NYUQkNBNdz38P9u7z7+953t/vif7z3nf37nX6rX63qIKrZwFbMXegDUsIn+5ve9coHkSjN5OwDAl9hKRvAatwPtN5aSJHkbA5nBS1wOtG+Yxyfo1k4JqzjIAA5xqwXoBrmEfaxlzqzjLr6Hhzu1U8UbXAu0H9Kp7HX6Y7aSGj5mAF8xngcIIXnj28EEGnkA0nZyx4dn3ZJDyDuMBlrb+GKijOGM9hmnsYAW5CF+Btpcs4obRSCv/H95N3GM+7EQOo9xELt4jL4YCKmh5rCCP4G+jPe4EgOBv9iQLl1o7Ts4wVQMpBVHMkuGIXzAo1gIqV+m8TTQLuIJXmAgBgK/sIgF7TZ4ILBBqcBDPSbd7uuBdobJIm9sng3mi0DobINGUQjnNqigkiTJ83/rakw2lkemnQAAAABJRU5ErkJggg==)}.act-bank-select-hd i.icon-close[data-v-148c8934]{height:22px;width:22px;right:5px;margin-top:-11px;background-position:100%;background-size:11px 11px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABBklEQVQ4jZXUMUsDMRgG4KfBycV/42ahIOpwBXFy8Oc5OKmQA61LQZ3EP+NSBxeH3ml65HLNN+Xy5R4S8pJZjPEBl4i4xkZdHeIe57gNHQZLtN2CGqztMLgJeE8WLCrQHlskc6uABh+VaA5b4yrgC2cV6BjWNE2zCd3EvmgRg5A0ptBJDA4Gx+nRFxwn6FM3npew4Q5LO53nMJnM5sAU/cz0XsewEgg/+C70szUG9hdwkunNFXKaA3O3+Wb3+KM5HYJj0bjAqUyk2rbdQVNwNGe2FzCa0xTtwSmsr0l0FmPcF0vryG74//4Jto9jDVba6V3w/zjui5XQZcBz97GqwIZo/0g//gIRn2mCy2aGEQAAAABJRU5ErkJggg==)}.act-bank-content[data-v-148c8934]{position:relative;height:454px;padding-bottom:1px}.act-bank-content .act-bank-linerbg[data-v-148c8934]{height:22px;width:100%;background:-webkit-linear-gradient(top,#fff,#f7f8fc);background:linear-gradient(180deg,#fff,#f7f8fc);z-index:2}.act-bank-content .init-box[data-v-148c8934]{overflow:hidden;width:355px;margin:10px auto 60px}.act-bank-content .selItem[data-v-148c8934]{margin-left:20px;padding:14px 0;border-bottom:1px solid #f5f5f5;overflow:hidden}.act-bank-content .selItem .bankMsgBox[data-v-148c8934],.act-bank-content .selItem[data-v-148c8934]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.act-bank-content .selItem .selIcon[data-v-148c8934]{width:18px;height:18px;border-radius:6.5px;vertical-align:middle;background-color:#dbdae5;background-size:95%;background-repeat:no-repeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmCAMAAACf4xmcAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAA2UExURUdwTP///////////////////////////////////////////////////////////////////4ZSzFsAAAARdFJOUwDoDHHW75K4+hRiqizFTx5ACwdqbQAAAJJJREFUOMvtks0SgCAIhC0z7Nd4/5fNkiZzBvDWxb3JfLPCgjFNf2lBH3TKYdSkUXBROCjUfFPoZCokCncZI0r50yfKy9RAZmW9B8hGH4kq01ivon1eB9d+Ko/kTNTCzQX5o2P2QvM7pv3MIVpsAvVyFBiucqAky0baZdRWEb22I0Cx/XJJvam5xUO//+lzAk2cTkz0DbVRxWoyAAAAAElFTkSuQmCC)}.act-bank-content .selItem .iconbox[data-v-148c8934]{height:44px;width:44px;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;border-radius:50%;border:1px solid #f5f5f5;margin-left:13px}.act-bank-content .selItem .icon[data-v-148c8934]{height:32px;width:32px;border-radius:50%}.act-bank-content .selItem .bankMsg[data-v-148c8934]{font-size:16px;color:#333;padding-left:12px;max-width:210px}.act-bank-content .selItem .bankMsg .title[data-v-148c8934]{font-size:16px;font-weight:700}.act-bank-content .selItem .bankMsg .cmd[data-v-148c8934]{background:#ffb52e;color:#fff;width:40px;padding-top:1px;display:inline-block;font-size:11px;text-align:center;height:18px;line-height:18px;border-radius:3px;margin-left:5px}.act-bank-content .selItem .bankMsg .ckr[data-v-148c8934]{color:#666;font-size:13px;margin-top:3px;font-weight:400}.act-bank-content .selItem .bankMsg .limit-info[data-v-148c8934]{color:#666;font-size:13px;font-weight:400}.act-bank-content .selItem .bankMsg .limit-info .limit-info-item[data-v-148c8934]{margin-top:3px}.act-bank-content .selItem .edit-bnt-box[data-v-148c8934]{width:46.5px;height:46.5px;margin-left:auto;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.act-bank-content .selItem .editIcon[data-v-148c8934]{height:16.5px;width:16.5px;object-fit:cover}.act-bank-content .selItem .check[data-v-148c8934]{margin-left:auto;height:16px;width:16px;border-radius:50%;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;margin-right:15px;position:relative;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%}.act-bank-content .selItem .check img[data-v-148c8934]{height:15px;width:15px}.act-bank-content .selItem .nosel[data-v-148c8934]{height:16px;width:16px;margin-left:auto;margin-right:15px;margin-top:3px;position:relative;-webkit-transform:translateY(-50%);transform:translateY(-50%);top:50%}.act-bank-content .add-wrapper[data-v-148c8934]{height:65px;margin-left:20px;border-bottom:1px solid #f5f5f5}.act-bank-content .add-wrapper .icon[data-v-148c8934],.act-bank-content .add-wrapper[data-v-148c8934]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.act-bank-content .add-wrapper .icon[data-v-148c8934]{height:40px;width:40px;border:1px solid #f5f5f5;border-radius:50%;font-size:30px;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;position:relative}.act-bank-content .add-wrapper .icon .sp1[data-v-148c8934]{position:absolute;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);left:50%;top:50%;width:2px;height:12px}.act-bank-content .add-wrapper .icon .sp2[data-v-148c8934]{height:2px;width:12px;position:absolute;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);left:50%;top:50%}.act-bank-content .add-wrapper .title[data-v-148c8934]{color:#333;padding-left:14px;font-size:16px}.act-bank-content .add-wrapper img[data-v-148c8934]{height:9px;width:8px;margin-left:auto;margin-right:15px}.act-bank-content .disabledItem[data-v-148c8934]{border-bottom:1px solid #f5f5f5;margin-left:20px;padding:14px 0;position:relative}.act-bank-content .disabledItem .bankMsgBox[data-v-148c8934]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.act-bank-content .disabledItem .noselIcon[data-v-148c8934]{width:18px;height:18px;border-radius:6.5px;vertical-align:middle;background-color:#f6f7f9;background-size:98%;background-repeat:no-repeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAmBAMAAABaE/SdAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAYUExURdza5kdwTNza5t3b5t3d59nZ5tzb5tzY5IBLmaQAAAAIdFJOU5kAllZLBY5BFUHrWgAAAJxJREFUKM/NksENgzAMRb+Q4G6VAVATiXPSCdIuwAhdoftfwFZsnIYB4BL5+5F8/wTUf7ibtqFIMWM0bUIQLeNrGjCkY3ksgNMEzHDaW0DGVtO4CowN5fTC5etoROePwadi6pm3V0w1BhWz2fKJNVqgi38T9WcEuvCSqPX8WRS02aI0UpNBqR2XVfzPqo7QZDrVEXz2G37dHd34Xe2tojEU3p8mVgAAAABJRU5ErkJggg==)}.act-bank-content .disabledItem .iconbox[data-v-148c8934]{height:44px;width:44px;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;border-radius:50%;border:1px solid #f5f5f5;margin-left:12px}.act-bank-content .disabledItem .icon[data-v-148c8934]{height:32px;width:32px;border-radius:50%;opacity:.4}.act-bank-content .disabledItem .bankMsg[data-v-148c8934]{padding-left:12px;color:#b3b3b3;max-width:210px}.act-bank-content .disabledItem .bankMsg .title[data-v-148c8934]{font-size:16px;font-weight:700;margin-bottom:5px}.act-bank-content .disabledItem .bankMsg .cmd[data-v-148c8934]{background:#ffb52e;color:#fff;width:40px;padding-top:1px;display:inline-block;font-size:11px;text-align:center;height:18px;line-height:18px;border-radius:3px;margin-left:5px}.act-bank-content .disabledItem .bankMsg .ckr[data-v-148c8934]{font-size:13px;margin-top:2px;font-weight:400}.act-bank-content .disabledItem .bankMsg .limit-info[data-v-148c8934]{font-size:13px;font-weight:400}.act-bank-content .disabledItem .bankMsg .limit-info .limit-info-item[data-v-148c8934]{margin-top:2px}.act-bank-content .disabledItem .editIcon[data-v-148c8934]{height:16.5px;width:16.5px;object-fit:cover;position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin-right:15px}.act-bank-content .disabledItem .cmt[data-v-148c8934]{color:#666;font-size:13px;border-radius:3px;background:#f6f7f9;padding:3px 6px;margin-top:8px;display:inline-block;margin-left:32px;max-width:250px;font-weight:400}.act-bank-content .footerBtn[data-v-148c8934]{height:60px;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;background:#fff;position:absolute;bottom:0;width:100%}.act-bank-content .footerBtn .addBtn[data-v-148c8934]{height:44px;width:127px;line-height:40px;border:1px solid #f5f5f5;color:#666;font-size:16px;text-align:center;border-radius:22px;margin-right:12px}.act-bank-content .footerBtn .confirmBtn[data-v-148c8934]{width:208px;height:44px;line-height:44px;color:#fff;text-align:center;border-radius:22px;font-size:16px}.act-bank-content .support-content[data-v-148c8934],.act-bank-content .unsupport-content[data-v-148c8934]{background:#fff;margin-bottom:12px;border-radius:12px;box-shadow:0 3px 10px 0 hsla(0,0%,70%,.06);overflow:hidden}.act-bank-content .support-content>.title[data-v-148c8934],.act-bank-content .unsupport-content>.title[data-v-148c8934]{display:-webkit-box;display:-webkit-flex;display:flex;padding-left:20px;-webkit-box-align:center;-webkit-align-items:center;align-items:center;position:relative;height:43px;border-radius:12px;overflow:hidden}.act-bank-content .support-content>.title[data-v-148c8934]:after,.act-bank-content .unsupport-content>.title[data-v-148c8934]:after{content:"";margin-left:20px;width:calc(100% - 15px);height:1px;background:#f5f5f5;position:absolute;bottom:-1px;left:0}.act-bank-content .support-content>.title span[data-v-148c8934],.act-bank-content .unsupport-content>.title span[data-v-148c8934]{font-size:15px;font-weight:400;color:#666;line-height:21px}.loading-box[data-v-148c8934]{position:fixed;width:100%;height:100%;top:0;background:rgba(0,0,0,.7)}.loading-box .loading[data-v-148c8934]{margin-top:40%}.loading-box .text[data-v-148c8934]{color:#fff;margin-top:8px;text-align:center}[data-v-93695eca] input::-webkit-input-placeholder,textarea[data-v-93695eca]::-webkit-input-placeholder{color:#b3b3b3}.add-box[data-v-93695eca]{position:absolute;height:100%;width:100%;top:50px}.add-box .bg[data-v-93695eca]{height:24px;background:-webkit-linear-gradient(top,#fff,#f7f8fc);background:linear-gradient(180deg,#fff,#f7f8fc);z-index:1}.add-box .fillWrap[data-v-93695eca]{overflow:auto;height:400px;z-index:2;padding-bottom:50px}.add-box .mustFillHeader[data-v-93695eca]{height:44px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;border-radius:12px}.add-box .mustFillHeader p[data-v-93695eca]{margin-left:14px;color:#333;font-size:17px;font-weight:700}.add-box .mustFillHeader .headerBg[data-v-93695eca]{width:180px;height:44px;margin-left:auto;border-radius:10px}.add-box .mustFillHeader .dowmIcon[data-v-93695eca]{margin-left:auto;width:40px;display:-webkit-box;display:-webkit-flex;display:flex;height:44px;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.add-box .mustFillHeader .dowmIcon img[data-v-93695eca]{height:22px;width:22px;object-fit:cover}.add-box .mustFillHeader .dowmIcon img.expanded[data-v-93695eca],.add-box .mustFillHeader .dowmIcon img[data-v-93695eca]{-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.add-box .mustFillHeader .dowmIcon img.expanded[data-v-93695eca]{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.add-box .headerLine[data-v-93695eca]{height:1px;margin:0 14px;box-shadow:inset 0 1px 0 0 #f5f5f5}.add-box .baseElm[data-v-93695eca]{border-bottom:1px solid #f5f5f5;margin-left:12px}.add-box .baseElm .wrap[data-v-93695eca]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:50px;font-size:15px;color:#666;padding-right:12px}.add-box .baseElm .wrap .input[data-v-93695eca]{text-align:right;margin-left:auto}.add-box .baseElm .wrap .selMsg[data-v-93695eca]{margin-left:auto}.add-box .baseElm .wrap img[data-v-93695eca]{margin-left:8px;height:16px;width:18px}.add-box .baseElm .wrap .come[data-v-93695eca]{margin-left:8px;height:9px;width:8px}.add-box .baseElm .wrap .switch[data-v-93695eca]{margin-left:auto}.add-box .baseElm .element-error[data-v-93695eca]{font-size:12px;color:#ff5a6e;text-align:right;position:relative;padding-right:12px;margin-bottom:4px}.add-box .footer[data-v-93695eca]{position:fixed;bottom:0;height:60px;width:100%;background:#fff;z-index:20}.add-box .footer .agree[data-v-93695eca],.add-box .footer[data-v-93695eca]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.add-box .footer .agree[data-v-93695eca]{height:36px}.add-box .footer .agree .check[data-v-93695eca]{border-radius:50%;height:16px;width:16px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.add-box .footer .agree .check img[data-v-93695eca]{height:15px;width:15px}.add-box .footer .agree .nosel[data-v-93695eca]{width:16px;height:16px;border-radius:50%;border:1px solid #bfbfbf}.add-box .footer .agree .text[data-v-93695eca]{margin-left:11px;color:#999;font-size:13px;margin-bottom:2px}.add-box .footer .bankfooterBtn[data-v-93695eca]{line-height:44px;height:44px;border:none;text-align:center;width:347px;border-radius:22px;color:#fff;font-size:16px;margin:0 auto}.add-box .delBtn[data-v-93695eca]{width:110px;background:#fff;border-radius:13px;margin:30px auto 0;height:26px;line-height:26px;color:#ff5a6e;text-align:center;font-size:12px}.bankBox[data-v-6a82f1e5]{position:absolute;border-top-left-radius:12px;border-top-right-radius:12px;top:0;width:100%;height:100%;background:#f9f9f9;z-index:40;overflow:hidden}.bankBox .bankBoxheader[data-v-6a82f1e5]{height:48px;text-align:center;background:#fff;color:#333;line-height:48px;position:relative;font-size:17px;font-weight:700}.bankBox .bankBoxheader .icon[data-v-6a82f1e5]{height:13px;width:13px;position:absolute;top:36%;margin-right:15px;right:0}.bankBox .bg[data-v-6a82f1e5]{height:140px;background:-webkit-linear-gradient(top,#fff,#f9f9f9);background:linear-gradient(180deg,#fff,#f9f9f9)}.bankBox .bankImg[data-v-6a82f1e5]{height:180px;width:282px;margin:-120px auto 20px}.bankBox .bankImg img[data-v-6a82f1e5]{display:block;height:100%;width:auto;margin:0 auto}.bankBox .bankImg .bankImg-bg[data-v-6a82f1e5]{height:100%;border:1px solid #eee}.bankBox .inputItem[data-v-6a82f1e5]{height:50px;width:347px;margin:10px auto;background:#fff;font-size:15px;border-radius:8px;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;color:#666;box-shadow:0 3px 10px 0 hsla(0,0%,70%,.1)}.bankBox .inputItem .tit[data-v-6a82f1e5]{margin-left:12px}.bankBox .inputItem .input[data-v-6a82f1e5]{margin-left:auto;text-align:right;margin-right:12px;width:65%}.bankBox .tips[data-v-6a82f1e5]{font-size:13px;color:#999;text-align:center;margin-bottom:5px}.bankBox .cfmBtn[data-v-6a82f1e5]{height:48px;border:none;text-align:center;width:347px;border-radius:5px;color:#fff;font-size:16px;margin:35px auto 30px;display:block}.bankBox .againCamera[data-v-6a82f1e5]{width:110px;height:32px;background:#fff;border:1px solid #f5f5f5;border-radius:33px;color:#666;font-size:15px;text-align:center;line-height:32px;margin:10px auto}[data-v-7e88fa6e] .index-group-title,[data-v-7e88fa6e] .index-list{background:#f7f8fc}.chooseBoxwrap[data-v-7e88fa6e]{position:fixed;height:100%;top:48px;background:#fff;z-index:30;width:100%}.chooseBoxwrap .tabWrap[data-v-7e88fa6e]{background:#fff;height:40px;display:-webkit-box;display:-webkit-flex;display:flex;position:-webkit-sticky;position:sticky;width:100%;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.chooseBoxwrap .tabWrap .tabItem[data-v-7e88fa6e]{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center;position:relative}.chooseBoxwrap .tabWrap .tabItem p[data-v-7e88fa6e]{margin-top:10px;color:#333;font-size:16px}.chooseBoxwrap .tabWrap .tabItem .line[data-v-7e88fa6e]{bottom:0;margin:10px auto 0;height:3px;width:22px;border-radius:3px;background:#8c7fee}.chooseBoxwrap .indexlistBox[data-v-7e88fa6e]{position:fixed;top:91px;width:100%;height:513px;padding-bottom:100px}