@xysfe/actui
Version:
A fantastic mobile ui lib implement by Vue
1 lines • 2.45 kB
CSS
.act-select-layer-wrap[data-v-cbba5c32]{background-color:#f0f0f0;position:fixed;width:100%;left:0;top:0;bottom:0;overflow-y:scroll;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:normal;overflow:hidden}.act-select-layer-wrap[data-v-cbba5c32] .act-disease-select-section{padding-bottom:54px}.act-choose-title[data-v-cbba5c32]{font-size:16px;text-align:center;color:#333}.act-disease-hd[data-v-cbba5c32]{color:#333;padding-top:12px;margin:15px 5px 0;border-radius:5px;background-color:#fff}.act-disease-hd ul[data-v-cbba5c32]{padding:8px 0;display:-webkit-box;display:-webkit-flex;display:flex;overflow-y:hidden;height:auto;-webkit-flex-wrap:wrap;flex-wrap:wrap}.act-disease-hd li[data-v-cbba5c32]{width:30%;height:30px;background-color:#f3f3f3;font-size:13px;text-align:center;line-height:30px;border-radius:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 16px;position:relative;margin:6px 2.46%}.act-disease-hd li[data-v-cbba5c32]:nth-child(3n+2){margin:6px 0}.act-disease-hd li[data-v-cbba5c32]:after{content:"";position:absolute;width:7px;height:7px;background:url(https://sslstatic.xiaoyusan.com/h5/img/my/layer_icon/layer_close1.png) no-repeat 50%/100% 100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:8px}.act-disease-hd li.act-more[data-v-cbba5c32]:after{background:none;content:"";width:6px;height:6px;border-top:1px solid #666;border-right:1px solid #666;position:absolute;right:18px;top:50%;margin-top:-4px;-webkit-transform:rotate(135deg) translateY(50%);transform:rotate(135deg) translateY(50%);-webkit-transform-origin:center center;transform-origin:center center}.act-disease-hd li.act-more.active[data-v-cbba5c32]:after{-webkit-transform:rotate(315deg) translateY(50%);transform:rotate(315deg) translateY(50%)}.act-fixed-btn[data-v-cbba5c32]{display:-webkit-box;display:-webkit-flex;display:flex;max-width:750px;width:100%;height:54px;line-height:54px;position:fixed;bottom:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);font-size:17px;text-align:center}.act-fixed-btn .act-btn-back[data-v-cbba5c32]{width:142px;color:#646464;border-top:1px solid #e2e5e7;box-sizing:border-box;background-color:#f9f9f9}.act-fixed-btn .act-btn-confirm[data-v-cbba5c32]{-webkit-box-flex:1;-webkit-flex:1;flex:1;color:#fff;background-color:#ff5a6e}