编辑uview的组件input

由于我的项目背景是蓝色,因此要改变input组件的字体颜色,刚开始我的思路是,直接找到u-input组件的class,但是这样设置的话,会导致所有的input内文字都变成我设置的颜色,综合网上的信息,我的处理方式是这样的。

在u-input外包一层view,给view一个class,然后再给input一个class,示例如下

<view class="dev-number">
<u-input class="input" v-model="form.number" :disabled="numdisabled" />
</view>
.dev-number{
		width: 100%;
				 /deep/ .input{
					.u-input__input{
						color: #fff!important;
						font-size: 40rpx;
					}
				}
	
	}
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐