红红火火恍恍惚惚

修改vux组件的css样式

2019-03-20  本文已影响801人  小小的开发人员

我们经常用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框架的修改方法也类似。

上一篇 下一篇

猜你喜欢

热点阅读