comic-plus/lib/components/elevator/style/elevator.css

<p align="center"> <img width="200px" src="./logo.png"/> </p>

.cu-elevator{width:100%;height:100%;position:relative;display:flex;font-size:14px}.cu-elevator__container{height:100%;overflow:hidden}.cu-elevator__menu{margin-right:8px;transition:all .2s;height:100%;z-index:24}.cu-elevator__menu.is-float{margin:0;height:fit-content;position:absolute;display:flex;flex-direction:column}.cu-elevator__menu.reversal.is-float{flex-direction:column-reverse}.cu-elevator__menu ul{margin:0;padding:0;background-color:#fff;list-style:none;overflow-y:auto;width:var(--cu-elevator-menu-size)}.cu-elevator__menu.is-float ul{box-shadow:0 0 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);border-radius:var(--cu-border-radius);border:1px solid var(--cu-border-color)}.cu-elevator__menu ul>li{padding:4px;cursor:pointer;transition:color .2s;font-size:12px;width:100%;text-align:center;list-style:none;box-sizing:border-box}.cu-elevator__menu li:last-child{margin:0;border:0}.cu-elevator__menu li.is-active,.cu-elevator__menu li:hover{color:var(--cu-color-primary)}.cu-elevator__menu .fold{margin:4px 0;width:var(--cu-elevator-menu-size);font-size:14px;cursor:pointer;background-color:#fff;border:1px solid var(--cu-border-color);border-radius:var(--cu-border-radius);box-shadow:0 0 4px rgba(0,0,0,.12),0 0 6px rgba(0,0,0,.04);transition:color .2s;box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:20px}.cu-elevator__menu .fold:hover{color:var(--cu-color-primary)}