微信小程序_组件

微信小程序_组件,第1张

1基础组件

什么是组件:

<ul>

<li>组件是视图层的基本组成单元。</li>

<li>组件自带一些功能与微信风格的样式。</li>

<li>一个组件通常包括开始标签

和结束标签

属性

用来修饰这个组件,内容

在两个标签之内。</li>

</ul>

2属性类型

<ul>

<li>Boolean 布尔值 组件写上该属性,不管该属性等于什么,其值都为true

,只有组件上没有写该属性时,属性值才为false

。如果属性值为变量,变量的值会被转换为Boolean类型</li>

<li>Number 数字 1

, 25</li>

<li>String 字符串 "string"</li>

<li>Array 数组 [ 1, "string" ] </li>

<li>Object 对象 { key: value } </li>

<li>EventHandler 事件处理函数名 "handlerName"

是 Page中定义的事件处理函数名</li>

<li>Any 任意属性 </li>

</ul>

3共同属性类型

id , class , style , hidden , data- , bind / catch

4特殊属性

几乎所有组件都有各自定义的属性,可以对该组件的功能或样式进行修饰

5组件列表

基础组件分为以下八大类:

视图容器(View Container):

view 视图容器 , scroll-view 可滚动视图容器, swiper 滑块视图容器

基础内容(Basic Content):

icon 图标, text 文字, progress 进度条

表单(Form):

button 按钮, form 表单, input 输入框, checkbox 多想选择器, radio 单选器, picker 列表选择器, slider 滚动选择器, switch 开关选择器, label 标签

*** 作反馈(Interaction)

action-sheet 上拉菜单

modal 模态d窗

toast 消息提示框

loading 加载提示符

导航Navigation

navigator 应用链接

多媒体(Media)

audio 音频, image , video 视频

地图

map 地图

画布Canvas

canvas 画布

flex: vt折曲,使收缩; vi玩去,收缩

一创建并使用组件的步骤

1创建一个文件夹存放组件,并在里面创建一个组件文件夹,components,tabs

2在tabs文件里添加组件模板

3引用组件,在父组件的json文件中的usingComponents中添加子组件路径,compont

4使用组件,相当于正常标签进行使用

二父组件向子组件传参的步骤

父组件给子组件的tabs传入对象

1父组件的数据

2子组件做的 *** 作

如果没有传入数据,就会输出默认值value

3子组件展示对象数据:

三子组件向父组件传参的步骤

1先给子组件添加一个点击事件

2通过thistriggerEvent("自定义事件名称",{传的值})命令保证子组件和父组件同步被修改

3父组件绑定子组件,定义一个事件名称,用来接收子组件传递的数据

可以选择使用微信原生小程序组件 和 。也可以用第三方的SDK来实现,比如即构科技小程序实时音视频SDK,提供 和 组件,微信官方认证的小程序插件及配套组件。即构科技小程序SDK支持单聊、群聊、聊天室人数无上限,而且还支持1080P高清视频,百万高并发,全终端覆盖,快速集成上线,允许两人或多人使用网络实时的传递文字消息、文件、语音与视频交流。

以上就是关于微信小程序_组件全部的内容,包括:微信小程序_组件、微信小程序之组件、微信小程序聊天组件开发,除原生外有第三方的吗等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/10176416.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-06
下一篇 2023-05-06

发表评论

登录后才能评论

评论列表(0条)

保存