平台端按钮组小样式

（平台端）按钮组小样式

<div class="time-dimension">
					      <div class="left" :class="{ select: timeDimension == 0 }" @click="timeDimensionClick(0)">全部</div >
					      <div class="center" :class="{ select: timeDimension == 1 }" @click="timeDimensionClick(1)">日常检查</div >
						   <div class="right" :class="{ select: timeDimension == 2 }" @click="timeDimensionClick(2)">专项检查</div >
				</div >

 timeDimension: 0,

 timeDimensionClick(index) {
			      this.timeDimension = index
			    },

	.time-dimension {
	  display: flex;
	  justify-content: center;
	  z-index: 10;
	
	  div {
	    height: 40px;
	    width: 100px;
	    line-height: 40px;
	    text-align: center;
	    border: 1px solid #157DFE;
	    font-size: 20rpx;
	    color: #157DFE;
	  }
	  .left {
	    border-top-left-radius: 55px;
	    border-bottom-left-radius: 55px;
	  }
	  .right {
	    border-top-right-radius: 55px;
	    border-bottom-right-radius: 55px;
	  }
	  .select {
	    background: #157DFE;
	    border: 1px solid #157DFE;
	    color: #fff;
	  }
	}
	.time-dimension:hover {
	  cursor: pointer;
	}