查看: 1559|回复: 0

[UI模板] 添加到我的小程序引导组件

[复制链接]
发表于 2021-3-19 14:48:06 | 显示全部楼层 |阅读模式
出发点

开发了一个小程序,经过一段时间的观察,发现访问人数和添加到我的小程序的数据差异比较大,我想可能存在2种可能:

1/用户不清楚有添加到我的小程序功能

2/本身产品做的不够好,不愿意添加

那为了验证可能性,我就做了这个引导添加的提示组件,组件开发非常简单,这里分享给大家。

代码实现

1、制作一张gif动图或者静态提示图片也行

0.gif


2、wxml布局如下
  1. <view wx:if="{{showTip}}" class="tip-wraper">
  2.   <image class="tip-gif"
  3.   mode="widthFix"
  4.   src="./images/add_tip.gif"></image>
  5.   
  6.   <image bindtap="closeTip"
  7.   class="tip-close"
  8.   src='./images/close.png'></image>
  9. </view>
复制代码
3、js代码如下
  1. methods: {
  2.     // 初始化关注提示
  3.     initTip() {
  4.         let showTip = wx.getStorageSync('showTip')
  5.         this.setData({
  6.             showTip: typeof showTip=='boolean'?showTip:true
  7.         })
  8.     },
  9.     // 关闭提示
  10.     closeTip() {
  11.         wx.setStorageSync('showTip', false)
  12.         this.setData({
  13.             showTip: false
  14.         })
  15.     }
  16. },
  17. lifetimes:{
  18.     attached:function(){
  19.         this.initTip()
  20.     }
  21. }
复制代码
0.png


结果:

上线2天后,发现添加人数相比之前是倍数增长,这也就验证了产品本身其实没有什么大问题,大多数用户是不知道这个功能,或者说用户的行为需要我们去小小的引导一下,就能产生意想不到的收获。

组件源码在minicode-debug项目的/add-tip目录下,可直接拿去复用或者参照修改。
下载:

add-tip.zip (329.29 KB, 下载次数: 0, 售价: 3 蚂蚁币)
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

关闭

网站推荐上一条 /1 下一条



快速回复 返回顶部 返回列表