微信小程序生成二维码

微信小程序生成二维码需要用到 weapp qrcode js 下载 https blog static cnblogs com files tiantian weapp qrcode js 点开链接按 ctrl s 保存到相应的位置 index wxml 中的代码 viewid container viewclass ewm viewclass ewm viewid container

微信小程序生成二维码 

 需要用到weapp-qrcode.js,下载https://blog-static.cnblogs.com/files/-tiantian/weapp-qrcode.js,点开链接按 ctrl + s 保存到相应的位置

微信小程序生成二维码

index.wxml中的代码:

 
   
    
     
    
      
  

index.wxss中的代码:

.ewm{ background-color: #e8e8e8; display: flex; justify-content: center; align-items: center; width: 680rpx; height: 680rpx; margin: 50rpx auto; } .inpt{ border: 1rpx solid #e8e8e8; width: 620rpx; margin: 30rpx auto; padding: 30rpx; } .btn{ width: 680rpx; }

index.js中的代码:

const app = getApp() let drawQrcode = require("../../utils/weapp-qrcode.js") Page({ data: { //根据这个内容生成二维码的!!! text:"西宫硝子", }, onLoad() { this.ewmChange() }, ewmChange(){ let size = {} size.w = wx.getSystemInfoSync().windowWidth / 750 * 600 size.h = size.w var that = this drawQrcode({ width: size.w, height: size.h, canvasId: 'myQrcode', // ctx: wx.createCanvasContext('myQrcode'), text: that.data.text, // v1.0.0+版本支持在二维码上绘制图片 }) }, ewmText(e){ this.setData({ text: e.detail.value }) }, searchFn(){ this.ewmChange() } })

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/201219.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月20日 上午9:49
下一篇 2026年3月20日 上午9:49


相关推荐

  • 手动清除fun.xls.exe病毒的方法[通俗易懂]

    手动清除fun.xls.exe病毒的方法[通俗易懂](无法显示隐藏文件以及无法双击打开分区)用杀毒软件杀毒,所有驱动盘上的文件夹表现为不可见,实际为文件夹隐藏了。如何判断是中了该种病毒,可以通过在命令行下键入:cdC:’dir/ah如果有fun.x

    2022年7月3日
    31
  • sleep() 和 wait() 的区别

    sleep() 和 wait() 的区别sleep 方法是线程类 Thread 的静态方法 让调用线程进入睡眠状态 让出执行机会给其他线程 等到休眠时间结束后 线程进入就绪状态和其他线程一起竞争 cpu 的执行时间 因为 sleep 是 static 静态的方法 他不能改变对象的机锁 当一个 synchronized 块中调用了 sleep 方法 线程虽然进入休眠 但是对象的机锁没有被释放

    2026年3月17日
    1
  • Java中的WeakHashMap

    Java中的WeakHashMap楔子WeakHashMap,此种Map的特点是,当除了自身有对key的引用外,此key没有其他引用那么此map会自动丢弃此值,所以比较适合做缓存。WeakHashMap的这种特性比较适合实现类似本地、堆内缓存的存储机制——缓存的失效依赖于GC收集器的行为WeakHashMap的定义如下:publicclassWeakHashMap<K,V>extendsAbstract…

    2022年5月6日
    45
  • CentOS 6.4安装(超级详细图解教程)

    CentOS 6.4安装(超级详细图解教程)说明:1、CentOS6.4系统镜像有两个,安装系统只用到第一个镜像即CentOS-6.4-i386-bin-DVD1.iso(32位)或者CentOS-6.4-x86_64-bin-DVD1.i

    2022年7月3日
    24
  • 上那学计算机,从零开始学电脑(学电脑从哪开始)

    上那学计算机,从零开始学电脑(学电脑从哪开始)从零开始学电脑(学电脑从哪开始)如今,手机已经成为我们生活中不可缺少的必需品,各种手机应用软件的层出不穷,使得智能手机占据了互联网的半壁江山,似乎手机无所不能了,平时,很多人觉得一手机在手便可以仗剑走天涯,但当我们走进职场,你就会发现,对于办公而言,手机还是有很大的局限性,掌握电脑知识,熟悉电脑基本操作是胜任工作的必备技能。真是“书到用时方恨少”。今天开始,涛哥就带你走进电脑的世界,让你从电脑小白…

    2022年5月3日
    53
  • JavaScript对象遍历与比较

    JavaScript对象遍历与比较JS 写多了发现对于一些基本类型的相关处理还不够熟练 这里总结下 Js 里的基本类型和相关类型的一些常见操作 基本的流程控制语句也与其他语言类似 三种控制结构 顺序 判断 循环 javaScript 基本类型包含字符串 数字 布尔 数组 对象 Null Undefined 都是弱类型 变量声明为 var 也可以不用 var 声明 这样运行并不会出错 只是变量作用的值域不同而已 关于具体不同于闭包等相关内容属于高

    2026年3月26日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号