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

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

app.wxss

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

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

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