在开发微信小程序时会用到外部组件,例如vant
组件,而其中的模板样式可能不符合本项目开发需求,就需要对样式进行修改。包括两种方法:一、全局修改;二、局部修改。
一、全局修改
以修改vant
组件中的下拉菜单van-dropdown-menu
的样式为例,直接修改miniprogram_npm\@vant\weapp\dropdown-menu\index.wxss
文件中的样式,例如将.van-dropdown-menu__item
里面的justify-content
设置为flex-end
。
会改变全局的下拉菜单样式,在本项目的其他页面引用该组件也会改变。适用于在项目中仅使用一次组件的情况,或者全局样式均需要改变的情况。
二、局部修改
在引用该组件的页面中修改。在该页面的wxss
文件中加上.van-dropdown-menu__item
,并把justify-content
设置为flex-end
。
不会影响其他页面引用该组件的样式,便于对样式修改与控制,适用于单个特殊样式。