出發(fā)點(diǎn)

開發(fā)了一個(gè)小程序，經(jīng)過一段時(shí)間的觀察，發(fā)現(xiàn)訪問人數(shù)和添加到我的小程序的數(shù)據(jù)差異比較大，我想可能存在2種可能：

1. 用戶不清楚有添加到我的小程序功能
2. 本身產(chǎn)品做的不夠好，不愿意添加

那為了驗(yàn)證可能性，我就做了這個(gè)引導(dǎo)添加的提示組件，組件開發(fā)非常簡(jiǎn)單，這里分享給大家。

代碼實(shí)現(xiàn)

1. 制作一張gif動(dòng)圖或者靜態(tài)提示圖片也行
   

   

2. wxml布局如下

<view wx:if="{{showTip}}" class="tip-wraper">
  <image class="tip-gif" 
  mode="widthFix" 
  src="./images/add_tip.gif"></image>
  
  <image bindtap="closeTip"
  class="tip-close" 
  src='./images/close.png'></image>
</view>

3. js代碼如下

methods: {
    // 初始化關(guān)注提示
    initTip() {
        let showTip = wx.getStorageSync('showTip')
        this.setData({
            showTip: typeof showTip=='boolean'?showTip:true
        })
    },
    // 關(guān)閉提示
    closeTip() {
        wx.setStorageSync('showTip', false)
        this.setData({
            showTip: false
        })
    }
},
lifetimes:{
    attached:function(){
        this.initTip()
    }
}

結(jié)果

上線2天后，發(fā)現(xiàn)添加人數(shù)相比之前是倍數(shù)增長(zhǎng)，這也就驗(yàn)證了產(chǎn)品本身其實(shí)沒有什么大問題，大多數(shù)用戶是不知道這個(gè)功能，或者說用戶的行為需要我們?nèi)バ⌒〉囊龑?dǎo)一下，就能產(chǎn)生意想不到的收獲。

組件源碼在minicode-debug項(xiàng)目的/add-tip目錄下，可直接拿去復(fù)用或者參照修改。