当前位置: 首页 > news >正文

uniapp小程序长按识别关注公众号

        最近在开发小程序的过程中遇到了一个需求需要长按二维码,弹出公众号让用户关注。

                先看效果图

                ​​​​​​​        ​​​​​​​        ​​​​​​​        

 现在就来分享一下实现的步骤。

第一步,准备好一个微信公众号,和一个小程序,将小程序的appId加入微信公众号,两个关联起来。

第二步,你的微信公众号要有一篇文章,文章的地址就是你的二维码的地址

​​​​​​​

 

第三步,把上面的地址生成为二维码图片,放到服务器上,然后在你的小程序里引用就行了。

引用的代码

<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的图片展示。只需要设置show-menu-by-longpress属性就能够长按弹窗了,

上图的popupURL1为一个服务器上二维码图片的地址,类似为

data(){

    retrun {

    popupURL1 : 'http://***.***.**.***:9000/uipicture/gonzhonghao.png'

    }

}

第四步,在手机上查看,长按二维码就可以直接展示了。

希望这篇文章对大家学习使用uniapp的开发有所帮助。

相关文章:

  • 计算机毕业设计springboot+vue基本微信小程序的乐旋乒乓球课程管理系统 uniapp 小程序
  • dir_day11
  • 漫画 | 打死我也不学编译了!
  • 14天机器学习DAY1-5|线性回归原理小结
  • 飞机电子式模拟空速表的设计与制作
  • 机器学习笔记 - YOLOv7 论文简述与推理
  • webpack5学习笔记
  • CTFHub | 默认口令
  • Mysql中的锁分类:
  • 【JavaWeb】之JSP
  • 目标检测算法——YOLOv5结合ConvNeXt结构
  • 机器学习——多元梯度下降法
  • Win10自带超级截屏利器
  • 【如何拍出一条好的vlog】素材篇
  • axios--》axios初步操作
  • 「前端」从UglifyJSPlugin强制开启css压缩探究webpack插件运行机制
  • css选择器
  • IP路由与转发
  • java8-模拟hadoop
  • JavaScript对象详解
  • Java的Interrupt与线程中断
  • leetcode386. Lexicographical Numbers
  • mysql中InnoDB引擎中页的概念
  • thinkphp5.1 easywechat4 微信第三方开放平台
  • Twitter赢在开放,三年创造奇迹
  • TypeScript实现数据结构(一)栈,队列,链表
  • 关于字符编码你应该知道的事情
  • 回顾 Swift 多平台移植进度 #2
  • 聊聊flink的TableFactory
  • 使用前端开发工具包WijmoJS - 创建自定义DropDownTree控件(包含源代码)
  • -- 数据结构 顺序表 --Java
  • 协程
  • 用Canvas画一棵二叉树
  • 《码出高效》学习笔记与书中错误记录
  • ​520就是要宠粉,你的心头书我买单
  • ​LeetCode解法汇总518. 零钱兑换 II
  • ​linux启动进程的方式
  • # linux从入门到精通(三)
  • # wps必须要登录激活才能使用吗?
  • #stm32驱动外设模块总结w5500模块
  • $.ajax()
  • (42)STM32——LCD显示屏实验笔记
  • (javascript)再说document.body.scrollTop的使用问题
  • (顶刊)一个基于分类代理模型的超多目标优化算法
  • (附源码)spring boot火车票售卖系统 毕业设计 211004
  • (附源码)springboot车辆管理系统 毕业设计 031034
  • (附源码)ssm高校实验室 毕业设计 800008
  • (附源码)计算机毕业设计ssm电影分享网站
  • (六)Hibernate的二级缓存
  • * 论文笔记 【Wide Deep Learning for Recommender Systems】
  • **PyTorch月学习计划 - 第一周;第6-7天: 自动梯度(Autograd)**
  • .NET 5种线程安全集合
  • .NET Core 成都线下面基会拉开序幕
  • .Net Core 中间件验签
  • .NET MVC 验证码