一、简介
WXML提供了一个模板(模板),您可以在模板中定义代码片段,然后在不同的地方调用它。
定义模板
使用name属性作为模板的名称。然后在其中定义代码段,例如:
使用模板
使用is属性声明要使用的模板,然后传入模板所需的数据,例如:
Page({ data: { item: { index: 0, msg: 'this is a template', time: '2016-09-15' } }})
is属性可以使用Mustache语法动态确定需要呈现的模板:
模板的范围
模板具有其自己的范围,并且只能使用由数据传入的数据。
二、封装消息模板1.功能要求
小程序的wx.showToast界面仅提供两种图标[成功和正在加载]显示模式,
如果我想要的不是使用图标而是保存文本提示怎么办?还是我不想微信单方面提供的图片?是否想自己指定情况?此时该怎么办...
根据wx.showToast接口提供的参数,实现以下消息提醒模板
1、如果未指定图标图标地址,则仅显示文本提示,否则为图标+文本模式。此时,请确保图标所指向的图像地址正确。
2、如果未指定持续时间提示的延迟时间,则默认值为1. 5s,并且我设置的最大值10s不会自动隐藏消息提示,除非手动隐藏hideToast。单位:毫秒
3、如果未指定遮罩,则默认情况下将显示该遮罩以防止触摸穿透。
4、如果未指定cb回调函数,则默认情况下将直接显示消息提醒,否则,消息提醒结束后可以立即处理其他一些服务:例如地址跳转,订单状态更改等
2.模板代码
代码文件结构
images |--msg_info.pngpages |--index |--index.wxml |--index.wxss |--index.js template |--showToast.wxml |--showToast.wxssutils |--showToast.js