美文网首页
小程序标签的一些问题(image),以及在小程序中使用less预

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

作者: 大号火龙果 | 来源:发表于2020-03-12 09:42 被阅读0次

    标签问题:

    小程序的很多地方和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预

          本文链接:https://www.haomeiwen.com/subject/exzejhtx.html