test-nut-ui
Version:
<p align="center"> <img alt="logo" src="https://img11.360buyimg.com/imagetools/jfs/t1/211965/25/7152/22022/61b16785E433119bb/aa41d7a9f7e823f3.png" width="150" style="margin-bottom: 10px;"> </p>
2 lines (1 loc) • 1.9 kB
CSS
.nut-indicator__dot{display:inline-block;vertical-align:middle;width:var(--nutui-indicator-dot-point-size, 6px);height:var(--nutui-indicator-dot-point-size, 6px);border-radius:50%;background-color:var(--nutui-indicator-dot-color, var(--nutui-gray-3, #e5e5e5))}.nut-indicator__point{display:flex}.nut-indicator__point .nut-indicator__dot{margin:0 var(--nutui-indicator-dot-point-margin, 4px)}.nut-indicator__block{display:flex}.nut-indicator__block .nut-indicator__dot{margin:0 var(--nutui-indicator-dot-block-margin, 2px);width:var(--nutui-indicator-dot-block-width, 12px);height:var(--nutui-indicator-dot-block-height, 3px);border-radius:var(--nutui-indicator-border-size, 1px)}.nut-indicator__block .nut-indicator__active{width:var(--nutui-indicator-dot-block-active-width, 20px)}.nut-indicator__dot:first-child{margin-left:0}.nut-indicator__dot:last-child{margin-right:0}.nut-indicator__active{width:var(--nutui-indicator-dot-point-active-size, 6px);background-color:var(--nutui-indicator-dot-active-color, var(--nutui-gray-5, #ffffff))}.nut-indicator__vertical{display:flex;flex-direction:column;align-items:center;justify-content:center}.nut-indicator__vertical .nut-indicator__dot{margin:var(--nutui-indicator-dot-point-margin, 4px) 0}.nut-indicator__vertical .nut-indicator__dot:first-child{margin-top:0}.nut-indicator__vertical .nut-indicator__dot:last-child{margin-bottom:0}.nut-indicator__vertical .nut-indicator__active{width:var(--nutui-indicator-dot-point-size, 6px);height:var(--nutui-indicator-dot-point-size, 6px)}.nut-indicator__vertical.nut-indicator__block .nut-indicator__dot{margin:var(--nutui-indicator-dot-block-margin, 2px) 0;width:var(--nutui-indicator-dot-block-height, 3px);height:var(--nutui-indicator-dot-block-width, 12px)}.nut-indicator__vertical.nut-indicator__block .nut-indicator__dot.nut-indicator__active{height:var(--nutui-indicator-dot-block-active-width, 20px)}