在做移动端项目时我是用到了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的原生样式,会有冲突的。尽量用自己的元素包裹起来使用。?
此时此刻:想回家打游戏??