微信小程序开发（二）

文章目录

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 保持宽高比，确保图片的长边，显示出来，页面轮播图常用）

微信小程序开发（二）相关推荐

vue微信小程序开发(二)---页面以及导航
vue微信小程序开发(二)-菜单以及页面这里写目录标题 vue微信小程序开发(二)---菜单以及页面图标的选择创建并注册页面底部导航大家好,我是代码哈士奇,是一名软件学院网络工程的学生, ...
微信小程序开发(二)图片上传
更新2017-08-24 更新七牛SDK只最新7.0.5版本. 在之前的博客<Node.js+express+MySQL使用七牛云实现的用户头像修改>,已经实现了在MUI框架或者< ...
入门微信小程序开发(二)wxml与wxss
一.初识WXML 对于每一位前端开发者而言,熟练的编写静态页面是入门的开始,在小程序中这一点也无法避免.在介绍微信小程序功能交互之前,我们先了解在小程序中如何实现页面布局与页面样式,这里先来介绍WXM ...
微信小程序开发系列二：微信小程序的视图设计
大家如果跟着我第一篇文章微信小程序开发系列一:微信小程序的申请和开发环境的搭建一起动手,那么微信小程序的开发环境一定搭好了.效果就是能把该小程序的体验版以二维码的方式发送给其他朋友使用. 这个系列 ...
微信小程序开发之普通链接二维码
本文主要介绍扫普通链接二维码打开小程序, 详情请看官方文档https://mp.weixin.qq.com/debug/wxadoc/introduction/qrcode.html 配置普通链接二维 ...
微信小程序开发之路（二）
由于前段时间比较忙,已经有半个多月没有更新文章了.最近微信小程序频繁更新,越来越开放,所以今天我们将继续探讨小程序. 在微信小程序开发之路(一)中讲到微信小程序的单向绑定以及使用setData()方法 ...
微信小程序：二开版优化新紫色UI云开发新款壁纸小程序源码
这是一款由旧版https://airymz.com/3387.html进行优化二开的一个新版本本壁纸表情包头像小程序采用(dcloud云开发)所以无需服务器与域名无需服务器.无需域名.云开发直接上 ...
微信小程序开发笔记二（WXSS和CSS样式美化）
微信小程序开发笔记二(WXSS和CSS样式美化) 一.CSS基本知识 1.Class选择器的定义 2.ID选择器的定义 3.ID选择器和class选择器的区别 4.CSS中设置颜色 5.CSS中的文本 ...
微信小程序开发-仿今日头条（二）
该仿今日头条的文章系列如下: 微信小程序-仿今日头条客户端微信小程序开发-仿今日头条(二) 转载请标明:https://blog.csdn.net/yangjianbo456/article/det ...
微信小程序-开发实战（二）
刚刚写了小程序入门没几天,小程序就开放个人开发者资格,感觉为我而来啊 \(≧▽≦)/.迫不及待的去注册,准备将之前的处女作传上去体验一把,结果卡在了服务器配置上:免费的果然不靠谱/(ㄒoㄒ)/~~,后 ...

微信小程序开发（二）

文章目录

view（块标签）

text（行标签）

image

微信小程序开发（二）相关推荐

最新文章

热门文章