微信小程序开发（二）

文章目录

• • view（块标签）
  • text（行标签）
  • image

view（块标签）

属性类型默认值说明

hover-class	string	none	指定按下去的样式类。当 hover-class=“none” 时，没有点击态效果
hover-stop-propagation	boolean	false	指定是否阻止本节点的祖先节点出现点击态
hover-start-time	number	50	按住后多久出现点击态，单位毫秒
hover-stay-time	number	400	手指松开后点击态保留时间，单位毫秒

text（行标签）

文本标签

只能嵌套text

长按文字可以复制（只有该标签有这个功能）

可以对 空格 回车 进行编码

属性类型默认值说明

selectable	boolean	false	指定按下去的样式类。当 hover-class=“none” 时，没有点击态效果
user-select	boolean	false	文本是否可选，该属性会使文本节点显示为 inline-block
space	string	50	显示连续空格
decode	boolean	false	是否解码

<text selectable> text </text> <text decode> text &nbsp; 123 </text>

image

属性名类型默认值说明

src	String		图片资源地址
mode	String	scaleToFill	图片裁剪，缩放的模式
lazy-load	Boolean	false	图片懒加载

src指定要加载图片的路径（图片存在默认的宽度和高度320*240 ）

mode决定图片内容 如何 和图片标签 宽高做适配（scaleToFill 默认值，不保持纵横比缩放图片，使图片的宽高完全拉伸值填满image元素；aspectFit 保持宽高比，确保图片的长边，显示出来，页面轮播图常用）

总结

以上是生活随笔为你收集整理的微信小程序开发（二）的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。