美文网首页红红火火恍恍惚惚
修改vux组件的css样式

修改vux组件的css样式

作者: 小小的开发人员 | 来源:发表于2019-03-20 20:14 被阅读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框架的修改方法也类似。

    相关文章

      网友评论

        本文标题:修改vux组件的css样式

        本文链接:https://www.haomeiwen.com/subject/ajtxvqtx.html