| 1 |
- .index-list{position:relative;width:100%;height:100%}.index-list .index-list-wrap{height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.index-list .index-group-title{height:30px;line-height:30px;padding-left:20px;font-size:12px;color:#323232}.index-list .index-group-item{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;list-style:none}.index-list .index-group-item .avatar{width:50px;height:50px;border-radius:50%}.index-list .index-nav{position:absolute;right:0;top:50%;z-index:100;width:20px;padding:20px 0;text-align:center;border-radius:10;background:rgba(0,0,0,.3);-webkit-transform:translateY(-50%);transform:translateY(-50%)}.index-list .index-nav .nav-item{padding:3px;font-size:12px;color:rgba(255,255,255,.5);list-style:none}.index-list .index-nav .nav-item.active{color:#ffcd32}.index-list .index-indicator{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,.7);color:#fff;font-size:22px;border-radius:5px;pointer-events:none}.fade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.svg-icon{width:1em;height:1em;vertical-align:-.15em;fill:currentColor;overflow:hidden}
|
