.bar { padding: 0.3rem 0.14rem; } .box { width: 100%; height: 0.06rem; position: relative; background-color: #D45C41; } .scale { position: absolute; top: 0.16rem; line-height: 1.2; font-size: 0.16rem; word-break: keep-all; transform: translateX(-50%); &.top { top: inherit; bottom: 0.16rem; } &.min { left: 0; } &.max { left: 100%; } } .current { position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 10; // height: 120%; width: 0.09rem; height: 0.22rem; background: url("@/assets/current.png") no-repeat center; background-size: 100% 100%; // .currentBar { // height: 100%; // width: 0.04rem; // background-color: #fff; // } }