项目场景:
微信小程序开发
问题描述
在使用微信小程序进行开发时,使用vant组件库时删除app.json里面的"style": "v2"时导致有的页面部分样式失效
原因分析:
这里我写了一个登录按钮,删除了全局的"style": "v2"这里的按钮样式就会出问题,以前出现过一次,没弄清楚来龙去脉,吓得我直接把上个版本的代码恢复了回来!!!
/* 样式 */
.showLoginBtn {
display: flex;
flex-direction: row;
justify-content: start;
font-size: 24px;
background-color: #fff;
color: #4bbdfc;
}
解决方案:
在需要使用微信提供的默认样式.json后缀的文件里添加上"style": v2就完美解决了,比如你需要在info页面里使用微信提供的默认样式,就在 info.json里面写上 “style”: “v2”
{
"usingComponents": {},
"style": "v2"
}