小程序标签的一些问题(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的文件

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 学习目标: 了解html的基本结构 掌握标题标签: 掌握段落标签: 掌握通用块标签: 掌握图片标签: 掌握超链接标...
    husky_1阅读 7,303评论 0 12
  • 每天的学习记录,可能有的地方写的不对,因为刚学,以后发现错的话会回来改掉整体流程 https://develope...
    有点健忘阅读 10,243评论 0 7
  • 作者:德淸原文地址:http://qiudeqing.com/tools/2015/05/31/sublime-t...
    IT程序狮阅读 11,563评论 1 28
  • 一、bilibili项目介绍: 原生微信小程序 二、接口地址: 公共路径:https://easy-mock.co...
    丁ice阅读 8,067评论 1 0
  • 新年刚过的时候,小懒在穿搭群里说要把每个人的梦想整理成一篇文章,当时我热情高涨,说自己也要参加。因为当时手头没有电...
    过你的另一个人生阅读 1,553评论 0 0