在开发「健身小册」小程序时,经常需要封装一些简易小组件,虽然已有成熟的组件,但偶尔折腾折腾、重复造车也可以让自己更熟悉整个流程。

add-to-my-miniprogram」是一个简单易用的微信小程序UI组件,可用于提示用户将目标小程序「添加到我的小程序」中。

使用

1. 点此访问Github源码仓库,点击「Clone or download」按钮,克隆/下载仓库至本地后,将「add-to-my-miniprogram」目录引入自己的微信小程序项目中,例如 /components/add-to-my-miniprogram/

2. 在全局配置文件app.json或页面配置文件index.json中引入组件。

{
  "usingComponents": {
    "add-to-my-miniprogram": "/components/add-to-my-miniprogram/index"
  }
}

3. 在index.wxml文件中,调用组件即可。

<add-to-my-miniprogram duration="{{10}}">
  <view slot="content">
    添加到我的小程序,微信首页下拉访问更便捷 ×
  </view>
</add-to-my-miniprogram>

API

参数 说明 类型 默认值
duration 显示时长(秒) Number 6

Slot

名称 说明
content 提示内容

效果

简易的微信小程序组件「添加到我小程序」-野胡子的独立博客