uView:步进器自定义样式代码实现

<u-number-box :min="1" :max="100" v-model="num" @minus="minus" bg-color=""></u-number-box>
/deep/.u-numberbox{
    
    
	width: 176rpx;
	height: 56rpx;
	background: #8072D1;
	border-radius: 20rpx;
	padding: 0 15rpx;
	.u-icon-minus,.u-icon-plus{
    
    
		width: 34rpx;
		height: 34rpx!important;
		background: #5C4CB9;
		border-radius: 50%;
		
		.u-icon{
    
    
			color: #C2B7FF;
			.u-icon__icon{
    
    
				font-size: 22rpx!important;
			}
			
		}
	}
	.u-icon-disabled{
    
    
		opacity: .5;
		background: #5C4CB9!important;
	}
}

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/qq_40745143/article/details/134114806