微信小程序之组件
2022-02-09 17:37:56 30 举报AI智能生成
微信小程序之组件
作者其他创作
大纲/内容
组件的公共属性
id
class
style
hidden Boolean 默认显示
data-*自定义属性 组件上触发的事件时，会发送给事件处理函数
bind*/catch* EventHandler 组件的事件
基础组件八大类
视图容器View Container
view视图容器
scroll-view可滚动视图容器
swiper可滑动的视图容器
movable-view:可移动的视图容器
movable-area
cover-view：覆盖在原生组件之上的文本视图，可覆盖map\video\canvas\live-player\live-pusher
cover-image：覆盖在原生组件之上的图片视图，可覆盖的原生组件同cover-view
match-media
page-container：页面容器
share-element
swiper-item
基础内容BasicContent
icon图标
text文字
progress进度条
rich-text
表单form
button按钮
form表单
input输入框
checkbox多项选择器
radio单项选择器
picker列表选择器
picker-view内嵌列表选择器
slider滑动选择器
switch开关选择器
label标签
textarea
editor
导航Navigation
navigator应用内跳转
navigation-bar
多媒体Media
audio音频
image图片
video视频
camera
live-pusher
live-player
voip-room
地图Map
map地图
画布Canvas
canvas画布
客服回话
contact-button进入客服会话按钮
什么是组件
组件是视图层的基本组成单元
组件自带一些功能与微信风格一致的样式
一个组件通常包括 开始标签和结束标签，属性用来修饰这个组件，内容在两个标签之内
注意：所有组件与属性都是小写，以连字符 - 连接
属性类型
Boolean布尔值：组件上该属性，不管是什么值都被当做true；只有组件上没有该属性时，属性值才是false。
如果属性值为变量，变量的值会被转换为Boolean类型
如果属性值为变量，变量的值会被转换为Boolean类型
Number数字
String字符串
Array数组
Object对象
EventHandler事件处理函数名
Any任意属性
0 条评论
下一页
