@xysfe/actui/lib/IndexList/style.css

A fantastic mobile ui lib implement by Vue

.index-list[data-v-7b7684a4]{position:fixed;width:100%;height:100%;background:#f9f9f9;margin-bottom:20px;top:0}.index-list .index-list-wrap[data-v-7b7684a4]{height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.index-list .index-group[data-v-7b7684a4]{background:#fff}.index-list .index-group[data-v-7b7684a4]:last-child{margin-bottom:48px}.index-list .index-group-title[data-v-7b7684a4]{height:30px;line-height:30px;padding-left:18px;font-size:12px;background:#f9f9f9;color:#999}.index-list .index-group-item[data-v-7b7684a4]{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;padding:15px 12px;list-style:none;border-bottom:1px solid #f5f5f5}.index-list .index-group-item .avatar[data-v-7b7684a4]{width:30px;height:30px;border-radius:50%;margin-right:12px}.index-list .index-group-item .name[data-v-7b7684a4]{color:#666;font-size:16px}.index-list .index-nav[data-v-7b7684a4]{position:absolute;right:0;top:50%;z-index:100;width:22px;padding:20px 0;text-align:center;border-radius:10;-webkit-transform:translateY(-50%);transform:translateY(-50%);border-radius:5px;margin-right:5px}.index-list .index-nav .nav-item[data-v-7b7684a4]{font-size:12px;color:#999;list-style:none;height:22px;width:22px;line-height:22px}.index-list .index-nav .nav-item.active[data-v-7b7684a4]{color:#fff;border-radius:50%}.index-list .index-indicator[data-v-7b7684a4]{position:absolute;width:50px;height:50px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);text-align:center;line-height:50px;background:rgba(0,0,0,.5);color:#fff;font-size:22px;border-radius:5px;pointer-events:none}.fade-leave-active[data-v-7b7684a4]{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-enter[data-v-7b7684a4],.fade-leave-to[data-v-7b7684a4]{opacity:0}