修改小程序外部组件样式方法

---

在开发微信小程序时会用到外部组件，例如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。

不会影响其他页面引用该组件的样式，便于对样式修改与控制，适用于单个特殊样式。