.sidebar { .mini_bar { width: 50px; height: 45px; border-top-left-radius: 28px; border-bottom-left-radius: 28px; text-align: center; font-size: 24px; background: white; position: fixed; bottom: 50px; right: 50px; cursor: pointer; z-index: 99; box-shadow: 0 0 6px 0 rgba(0, 21, 41, 0.35); img { width: 28px; height: 28px; } } :global { .drawer { z-index: 999; } } } .content { width: 336px; height: 100%; background: #fff; :global { .ant-switch-checked { background-color: #87d068; } .ant-list-item { padding-top: 7px; padding-bottom: 7px; } } } .layoutSetting { margin: 5px; display: flex; .item { cursor: pointer; width: 70px; height: 44px; text-align: center; margin: 8px; } } .color_block { width: 38px; height: 22px; margin: 4px; cursor: pointer; margin-right: 12px; display: inline-block; vertical-align: middle; background: #002140; border-radius: 2px; } .color_block_title { display: inline-block; font-size: 14px; color: rgba(0, 0, 0, 0.65); line-height: 22px; } .bodyTitle { font-size: 14px; color: rgba(0, 0, 0, 0.85); line-height: 22px; margin-bottom: 10px; }