vant-weapp 组件样式自定义的方法

标签：过程   前端   swiper   border   封装   改变   text   三方   nav   

最近处理了一个外包小程序前端开发的任务，刚开始以为是和以往做的小程序一样对样式要求不高，就在小程序里面使用了大量的ui框架组件，后来发现客户要求小程序对设计稿的还原程度非常高，没办法，只能一点点改，刚开始很吃力，因为第三方的组件封装程度高，一个组件经过了层层嵌套，想要改变一个组件的高度，很可能就是写了一堆样式类将组件原有的样式覆盖，改着改着，想起了在学校里面用过的一个办法可以让这个过程稍微轻松些

app.wxss

view,
h1,
image,
p,
input,
textarea,
navigator,
swiper,
scroll-view {
  border: 1rpx solid #000;
}

上面的wxss代码的作用是为主要元素加上一个黑色的边框，那样在改样式的时候，就可以比较直观地得知要覆盖的样式类有哪些

vant-weapp 组件样式自定义的方法

标签：过程   前端   swiper   border   封装   改变   text   三方   nav   

原文地址：https://www.cnblogs.com/Qyhg/p/14852960.html