微信小程序mina框架4-选择器和less

vscode 加入插件

 

 

vscode全局配置中，添加一个配置

 

 

 

 

微信小程序不支持  *  通配符来配置样式，需要精确到具体的标签，此时就可以用less插件来完成

将一个页面中的 .wxss  修改为.less 并编辑less文件，可使用变量

 

 

 

小程序会在同级目录中生成.wxss后缀的文件，

 

 

 

 

 

同时less文件支持引入文件功能，可在根目录中找到style文件夹，生成一个reset.less文件

 

编辑reset.less文件

 

 

可以看到，在demo07.less文件用@import  +  绝对路径 并保存后，对应的demo07.wxss文件也生成了相对应标签的格式及样式值；