小程序中使用less

1、编辑器是 vscode

2、安装插件 easy less

小程序中使用less

 

 

 3、在vscode的设置中加入如下配置:

(1).在vscode中打开设置

(2).在设置搜索框中输入 settings

 

小程序中使用less

(3).在settings.json 文件添加以下代码

"less.compile": {
    "outExt": ".wxss"
}

 小程序中使用less

 

 

 

 

 

  1. 在要编写样式的地方,新建less文件,如 index.less,然后正常编辑即可

   5.引入公共的css;@import ‘/utils/refuse-classification.wxss‘

  

 

小程序中使用less

上一篇:绝对应当收藏的10个实用HTML5代码片段(转)


下一篇:H5 及 web 页面微信授权登录流程