我们经常用vux的组件快速开发移动端的项目,比如常用的datetime组件,会遇到这样的问题。
而我们的需求要求value值靠左而非靠右,但datetime没有提供移动value值位置的属性,那怎么办呢?
首先需要找到经过vue处理后的值,
一种方法我们可以在全局上修改,简单粗暴。
vue也给我们提供了局部修改的方法:
.dateTime /deep/ .weui-cell__ft {
text-align: left;
}
这最终会被vue编译成:
.dateTime[data-v-f4349ff6] .weui-cell__ft {
text-align: left;
}
可以看到字体变成向左靠齐,当然,可以用这种方法,修改任一内置组件,其他ui框架的修改方法也类似。
网友评论