使用vux时总结的一点小技巧

在做移动端项目时我是用到了vux这个组件库。使用时也比较简单。

1:使用npm安装

2:按需加载,import相应的组件,把代码招贴过来即可使用。

但在使用过程中遇到一些问题。我们可以使用组件的功能,但样式不大一样,需要我们自己调整。才发现自己写的样式要覆盖组件的样式有些困难,在费尽心思后找到了一个比较好用的办法。

在要使用的组件外面包裹一层我自己写的元素,配合使用 自己的class /deep/ 组件的class这样来覆盖组件本身的样式,是可以的。

类似于这样。

希望可以解决到某些朋友的问题。

同时附加一些,覆盖点击时标签出现的阴影这样去处理:

-webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select:none;

类似于

把自己要写的标签加进去即可。?

tips:尽量不要在.vue结尾的组件中使用/设置vux的原生样式,会有冲突的。尽量用自己的元素包裹起来使用。?

此时此刻:想回家打游戏??

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值