@xysfe/actui
Version:
A fantastic mobile ui lib implement by Vue
1 lines • 10.5 kB
CSS
.act-toast[data-v-503eaf05]{position:relative;width:100%;height:100%;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.act-toast .icon-left[data-v-503eaf05],.act-toast[data-v-503eaf05]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.act-toast .icon-left .icon-cont[data-v-503eaf05]{margin-bottom:0;margin-right:.6em}.act-toast .icon-cont[data-v-503eaf05]{margin-bottom:.6em}.act-toast-content[data-v-503eaf05]{max-width:70%;padding:1.2em 1.4em;line-height:1.8em;word-break:break-all;border-radius:4px;z-index:1000;color:#fff;-webkit-animation:move-data-v-503eaf05 .3s forwards;animation:move-data-v-503eaf05 .3s forwards}.act-toast-content.icon[data-v-503eaf05]{padding-top:.8em;padding-bottom:.8em}.act-toast-content .toast-txt[data-v-503eaf05]{font-size:1.6em}.toastMove-enter-active[data-v-503eaf05]{-webkit-animation:move-data-v-503eaf05 .3s;animation:move-data-v-503eaf05 .3s}.toastMove-leave-active[data-v-503eaf05]{animation:move-data-v-503eaf05 .3s reverse}@-webkit-keyframes move-data-v-503eaf05{0%{opacity:0;-webkit-transform:translate3d(0,-.6em,0);transform:translate3d(0,-.6em,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes move-data-v-503eaf05{0%{opacity:0;-webkit-transform:translate3d(0,-.6em,0);transform:translate3d(0,-.6em,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.actui-slidePoster .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.actui-slidePoster .swiper-container-android .swiper-slide,.actui-slidePoster .swiper-wrapper{-webkit-transform:translateZ(0);transform:translateZ(0)}.actui-slidePoster .swiper-wrapper{height:100%;z-index:1;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;box-sizing:content-box}.actui-slidePoster .swiper-slide,.actui-slidePoster .swiper-wrapper{position:relative;width:100%;display:-webkit-box;display:-webkit-flex;display:flex}.actui-slidePoster .swiper-slide{flex-shrink:0;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-flex-shrink:0;-webkit-flex-direction:column;text-align:center}.actui-slidePoster .swiper-button-disabled{opacity:.5;cursor:default}.actui-slidePoster .swiper-slide-active{z-index:10}.actui-slidePoster .swiper-lazy-preloader{width:2.1em;height:2.1em;position:absolute;left:50%;top:50%;margin-left:-1.05em;margin-top:-1.05em;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12) infinite;animation:swiper-preloader-spin 1s steps(12) infinite}.actui-slidePoster .swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.actui-slidePoster .swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")}@-webkit-keyframes swiper-preloader-spin{to{-webkit-transform:rotate(1turn)}}@keyframes swiper-preloader-spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}#btn_next[data-v-846df608],#btn_prev[data-v-846df608]{position:absolute;top:50%;width:2.2em;height:4.05em;z-index:10;cursor:pointer;background-size:1.2em 2.05em;background-position:50%;background-repeat:no-repeat;-webkit-transform:translateY(-50%);transform:translateY(-50%)}#btn_next[data-v-846df608]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAoCAYAAADkDTpVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkUzQThERjQyOUQwODExRTc4NUY4OEUzM0FCOUZDRUNFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkUzQThERjQzOUQwODExRTc4NUY4OEUzM0FCOUZDRUNFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTNBOERGNDA5RDA4MTFFNzg1Rjg4RTMzQUI5RkNFQ0UiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTNBOERGNDE5RDA4MTFFNzg1Rjg4RTMzQUI5RkNFQ0UiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4c2wuJAAABxUlEQVR42qyXTyhEURTG36AhEVFE+RelWEnY2GBjQazszEbsZjlZmSV2rIyykA0rG1lgJcmKkgUljVmQokQxZRqe7+hOTdM703jfPfWbxZv6fq/33j3nXsd1XQc0gUMQBzPmmhXkp8YEZ1fEpmDa9a4FW4JO8KlIFm0IhJE8khUQYAXCIHhXJGt+JbkXBsCrItkExaxA6AEvimQblLACoRs8KZJdEGQFma/rQZHsgzJWILSBe0VyBMpZgdAMbhXJCahkBUIDuFYkZ6CaFQh14FKRXIBaVpBpjOeK5ArUswKhCpwqkhvQyAqECnCsSO5ACytwzCd6oEgSoJ0VCKVgT5E8yjqyMbWCZmV7VazI4asD9Cr/xdm7z9d5d6S9M+H9hcwOv+H5pl8se/r5CR8GH4XO7/+Gj4KkEr7E9qJJ8KWER9luOgVSSniEnQchkPYI/gFhdqLNgW+PcLk2y87ksLnL3Eqb/Sy1q5hXnnfKvA9qXxRVwuULmmB3dstKeNKsAd97U1l9q0q4rNohdne9roS/mb5DnQ/GlHDplH02DiDjHuHPptdbOULJ89/ICpdddZetQ+Bfa0UFQAi0gi2QcCzVrwADADWnn2ysV3SkAAAAAElFTkSuQmCC);right:2em}#btn_prev[data-v-846df608]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAApCAYAAAAvUenwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjBGMjBGQjAzOUQwOTExRTdBMzZEQURGOUIxNEI4MUI0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjBGMjBGQjA0OUQwOTExRTdBMzZEQURGOUIxNEI4MUI0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MEYyMEZCMDE5RDA5MTFFN0EzNkRBREY5QjE0QjgxQjQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MEYyMEZCMDI5RDA5MTFFN0EzNkRBREY5QjE0QjgxQjQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5ByvpdAAABKklEQVR42rSXsQrCMBCGLQgKoksHZx/B13AUdxfBh/EZ3HwGKzgp6qivoaCbe/yvUCwlSS+5y8EvmpTvM63tmcwY01GsPrJAPkhRjpBAKQPkZP61Kb98InhVs5RwqlVK+BXppYSPJNeABY8VsOExAoKfufBQQTA8ROCDX1xwriAazhGI4G0CMdwnUIG7BGpwm0AV3hSow+uCJPC64OCBDyWP9AwvY3TOp6W/fpEJ8hZ1aQhIcnOsYE9NQ7KC6k2OPFJI6h+SSJoD6hLboKrENaEm8U2qSNoO8EkKjoSzTJGEe7GiJSE/uShJ6I0TLIm5/YMksQ8xtkTy75olke4P2iTdTGETmCNHZGqZW2oIfJK55i6TTte9doq21C21VlDVEFkjL2RHHfknwABlUxVKVPnjCwAAAABJRU5ErkJggg==);left:2em}a[data-v-846df608]{display:block}.layer[data-v-846df608]{position:fixed;top:0;left:0;right:0;bottom:0;margin:0 auto;max-width:750px;background-color:rgba(0,0,0,.7);overflow:hidden}.layer.active[data-v-846df608]{display:block}.btn_save[data-v-846df608]{width:26.75em;height:3.6em;line-height:3.6em;color:#fff;border-radius:.2em;margin:1em auto;text-align:center}.btn_save span[data-v-846df608]{font-size:1.4em}.long_save[data-v-846df608]{width:26.75em;height:3.6em;line-height:3.6em;border-radius:.2em;margin:1em auto;text-align:center;color:#fff;border:.1em dashed #fff}.long_save span[data-v-846df608]{font-size:1.4em}.poster_wrap img[data-v-846df608]{width:10em;max-height:100%;border-radius:.2em}.picture[data-v-846df608]{position:absolute;top:50%;left:50%;z-index:100;width:100%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.picture_item[data-v-846df608]{background-color:#fff;color:#333;text-align:left;border-radius:.3em;width:26.85em;line-height:1.4}.picture_hd[data-v-846df608]{position:relative;width:100%;text-align:center;background:#fff;height:40em}.picture_hd>img[data-v-846df608]{max-width:100%;max-height:100%;z-index:10}