简易的微信小程序组件「添加到我小程序」
在开发「健身小册」小程序时,经常需要封装一些简易小组件,虽然已有成熟的组件,但偶尔折腾折腾、重复造车也可以让自己更熟悉整个流程。
「add-to-my-miniprogram」是一个简单易用的微信小程序UI组件,可用于提示用户将目标小程序「添加到我的小程序」中。
使用
-
点此访问Github源码仓库,点击「Clone or download」按钮,克隆/下载仓库至本地后,将「add-to-my-miniprogram」目录引入自己的微信小程序项目中,例如
/components/add-to-my-miniprogram/
。 -
在全局配置文件
app.json
或页面配置文件index.json
中引入组件。
{
"usingComponents": {
"add-to-my-miniprogram": "/components/add-to-my-miniprogram/index"
}
}
- 在
index.wxml
文件中,调用组件即可。
<add-to-my-miniprogram duration="{{10}}">
<view slot="content">
添加到我的小程序,微信首页下拉访问更便捷 ×
</view>
</add-to-my-miniprogram>
API
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
duration | 显示时长(秒) | Number | 6 |
Slot
名称 | 说明 |
---|---|
content | 提示内容 |
效果
最后修改于 2020-06-16