? ? ? ? 最近在開發(fā)小程序的過程中遇到了一個需求需要長按二維碼,彈出公眾號讓用戶關(guān)注。
????????????????先看效果圖
?????????????????????????????????????????????????????????????
?現(xiàn)在就來分享一下實現(xiàn)的步驟。
第一步,準備好一個微信公眾號,和一個小程序,將小程序的appId加入微信公眾號,兩個關(guān)聯(lián)起來。
第二步,你的微信公眾號要有一篇文章,文章的地址就是你的二維碼的地址
???????
?
第三步,把上面的地址生成為二維碼圖片,放到服務(wù)器上,然后在你的小程序里引用就行了。
引用的代碼
<u-popup
v-model="popup1show"
mode="center"
width="600"
height="800"
class="popupURL1-box"
>
<image
v-if="popupURL1"
show-menu-by-longpress
:src="popupURL1"
alt=""
class="popupURL-box"
/>
</u-popup>
我使用的是image的圖片展示。只需要設(shè)置show-menu-by-longpress屬性就能夠長按彈窗了,
上圖的popupURL1為一個服務(wù)器上二維碼圖片的地址,類似為
data(){
retrun {
popupURL1 : 'http://***.***.**.***:9000/uipicture/gonzhonghao.png'
}
}
第四步,在手機上查看,長按二維碼就可以直接展示了。文章來源:http://www.zghlxwxcb.cn/news/detail-497668.html
希望這篇文章對大家學(xué)習(xí)使用uniapp的開發(fā)有所幫助。文章來源地址http://www.zghlxwxcb.cn/news/detail-497668.html
到了這里,關(guān)于uniapp小程序長按識別關(guān)注公眾號的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!