/* components/num-range/num-range.wxss */ .content { display: flex; justify-content: space-between; height: 60%; align-items: center; align-content: center; } .left, .right { justify-content: space-between; border: 1px solid #ccc; align-items: center; align-content: center; height: 100%; border-radius: 20px; } .left text, .right text { text-align: right; width: 40px; height: 100%; padding-right: 10px; background-color: blueviolet; border-top-right-radius: 17.5px; border-bottom-right-radius: 17.5px; color: white; }