小程序标签的一些问题(image),以及在小程序中使用less预编译(vscode 编译器)

标签问题:

小程序的很多地方和h5有很大的区别
今天我用小程序的标签:
view 嵌套了 一个 text 标签和 image 标签,我给view设置了一个行高,发现只有text标签的行高可以正常,而 image 标签并没有行高的居中效果。无奈之下只好,给image 再使用 view 标签嵌套一层问题得以解决。 蜜汁操作。

在小程序中使用less

  1. 打开vscode的插件市场,或者使用快捷键 Ctrl+Shift+X 打开扩展 - 搜索 easy Less 并安装
    2.Ctrl+ 逗号 打开设置 - 搜索 easy Less config 并选择 点在setings.json中编辑 把下面配置粘贴进去(注意配置项间隔的逗号不要漏了)
"less.compile": {
       // "compress":  true,  // 是否删除多余空白字符
       // "sourceMap": true,  // 是否创建文件目录树,true的话会自动生成一个 .css.map 文件
       "outExt": ".wxss" // 输出文件的后缀,默认为.css
}

3.在你的wxml同级目录下新建一个 文件名.less 书写less语法的css并保存,同级目录下就会自动生成一个 文件名.wxss的文件

好了,这次分享到这里就结束了。谢谢!

你可能感兴趣的:(小程序标签的一些问题(image),以及在小程序中使用less预编译(vscode 编译器))