微信小程序会话列表怎么制作

微信小程序会话列表怎么制作,第1张

微信小程序会话列表怎么制作 : ?

1. 创建一个小程序项目,使用微信开发者工具。

2. 在app.json中添加pages字段,将会话列表页面的路径添加进去。

3. 在会话列表页面的js文件中,定义一个变量来存储会话芦迟列表的数据,并在onLoad函数中调用wx.request()接口获取数据。

4. 在会话列表页面的wxml文件中,使用wx:for指令遍历会话列表的数据,将数据渲染到李哗镇页面上。

5. 在会话列表哪粗页面的wxss文件中,定义会话列表的样式。

小程序在使用时,经常会在不同的页面用到相同的页面结构,这个时候我们如果一个个写的话没有必要,这个时候可以使用模板(template)或者组件(component)。

二者区别 在于:

1、需要定义模板:一个template.wxml文件中能写多个模板,用name区分,

下面定义两个模板

2、使耐迅庆用这两个模板,在对应的wxml文件引入:

3、上面在模板content里定义了点击事件subtractNum方法,因为template中没有js文件,因此template中的点击事件,在使用页面中的js里定义。

建议将有子列表昌握 *** 作交互的写成component。

示例:

对应组件的wxml跟page里的wxml一样:

2、使用自定义组件前,首先要在页面的 json 文件中进行引用声明。此时需要提供每个自定义组件的标签名和对应的自定义组件文件路径

这样,在页面的 wxml 中就可以像使用基础组件一样使用自定义组件。节点名即自定义组件的标签名,节点属性即传递给组件的属性值昌裤。

下一节将进入如何 组件向父级传值(组件通信)

将QQ小程序保存为“我的模板” *** 作步骤如下:

1.打开QQ小程序管理后台,点击左侧菜单“小程序列亮高表”;

2.找到需要保存为模板的小程序,点击该小程序的名称进入编辑页面;

3.在编辑页面右上角找到“更多”按钮,点击后选择“保存为我的模板”菜单;

4.填写模板的名称和描述信息,尺迟点击“保存”按钮;

5.保存成功后,可在“我的模板”中看到该模板,陵键李可用于创建新的小程序。


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

原文地址:https://54852.com/yw/12475914.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存