@xysfe/actui
Version:
A fantastic mobile ui lib implement by Vue
1 lines • 2.14 kB
CSS
.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}