| 1 |
- .fan-setting-menu-type-picker[data-v-484d23e8]{display:flex}.fan-setting-menu-type-picker__item[data-v-484d23e8]{position:relative;width:56px;height:48px;margin-right:16px;overflow:hidden;border-radius:4px;background-color:#f0f2f5;box-shadow:0 1px 2.5px #0000002e;cursor:pointer}.fan-setting-menu-type-picker__item[data-v-484d23e8]:before,.fan-setting-menu-type-picker__item[data-v-484d23e8]:after{content:"";position:absolute}.fan-setting-menu-type-picker__item--sidebar[data-v-484d23e8]:before,.fan-setting-menu-type-picker__item--light[data-v-484d23e8]:before{z-index:1;top:0;left:0;width:33%;height:100%;border-radius:4px 0 0 4px;background-color:#273352}.fan-setting-menu-type-picker__item--sidebar[data-v-484d23e8]:after,.fan-setting-menu-type-picker__item--light[data-v-484d23e8]:after{top:0;left:0;width:100%;height:25%;background-color:#fff}.fan-setting-menu-type-picker__item--mix[data-v-484d23e8]:before{top:0;left:0;width:33%;height:100%;border-radius:4px 0 0 4px;background-color:#fff}.fan-setting-menu-type-picker__item--mix[data-v-484d23e8]:after{z-index:1;top:0;left:0;width:100%;height:25%;background-color:#273352}.fan-setting-menu-type-picker__item--top-menu[data-v-484d23e8]:after{top:0;left:0;width:100%;height:25%;background-color:#273352}.fan-setting-menu-type-picker__item--dark[data-v-484d23e8]{background-color:#273352}.fan-setting-menu-type-picker__item--mix-sidebar[data-v-484d23e8]:before{z-index:1;top:0;left:0;width:25%;height:100%;border-radius:4px 0 0 4px;background-color:#273352}.fan-setting-menu-type-picker__item--mix-sidebar[data-v-484d23e8]:after{top:0;left:0;width:100%;height:25%;background-color:#fff}.fan-setting-menu-type-picker__item--mix-sidebar .mix-sidebar[data-v-484d23e8]{position:absolute;left:25%;width:15%;height:100%;background-color:#fff}.fan-setting-menu-type-picker__item[data-v-484d23e8]:hover,.fan-setting-menu-type-picker__item--active[data-v-484d23e8]{padding:12px;border:2px solid #0075ff}.fan-setting-menu-type-picker__item[data-v-484d23e8]:hover:before,.fan-setting-menu-type-picker__item--active[data-v-484d23e8]:before,.fan-setting-menu-type-picker__item[data-v-484d23e8]:hover:after,.fan-setting-menu-type-picker__item--active[data-v-484d23e8]:after{border-radius:0}.fan-setting-menu-type-picker img[data-v-484d23e8]{width:100%;height:100%;cursor:pointer}
|
