修改uniapp的uni-data-select样式

晚星呀

已于 2024-07-31 15:07:15 修改

阅读量615

点赞数 2

分类专栏：前端文章标签： uni-app javascript 前端

于 2024-07-18 10:01:27 首次发布

本文链接：https://blog.csdn.net/weixin_52311740/article/details/140514607

版权

前端专栏收录该内容

5 篇文章 0 订阅

订阅专栏

<view class="select">
	<uni-data-select class="uni-data-select" v-model="params.session_id" :localdata="sessionData"></uni-data-select>
</view>

.select {
			width: 250rpx;
		  box-sizing: content-box;
			display: flex;
			align-items: center;
			height: 50rpx;
			line-height: 50rpx;
			text-align: center;
			font-size: 24rpx;
			border-radius: 16rpx 16rpx 16rpx 16rpx;
			border: 2rpx solid #8F8F8F;
			
			::v-deep .uni-data-select {
				width: 100%;
				height: 100%;

				.uni-select {
					border: none !important;
					height: 50rpx;
					border-bottom: none !important;
					.uni-select__input-text {
						color: #8F8F8F;
					}
					.uni-icons {
						font-size: 35rpx !important;
					}
				}

			}
}