微信二维码登录，修改下面提示的字体和样式

已于 2023-07-13 15:28:23 修改
阅读量744 收藏
点赞数
文章标签： 微信
于 2023-07-12 16:10:44 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38940097/article/details/131683605
版权

背景

由于业务需要，需要把微信二维码下面默认的提示文字进行修改，如下图所示：
在这里插入图片描述![在这里插入图片描述](https://img-blog.csdnimg.cn/e2a79a02bff941ddb078634e1cdcf559.png![在这里插入图片描述](https://img-blog.csdnimg.cn/ceeb9598f1964fd2b43a67fad6ed8082.png
需要修改上面红色框内选择的字体，在研究的过程中，发现好多人都在查询这个问题，并且有些网友思路也是对的。可能只是方式没对。

解决思路

使用在页面加载时，使用JS方法每50ms一直检测页面元素是否已经加载，如果有检测到div元素id=wx_default_tip加载了，就使用JS对下面的2个P标签进行修改。替换成自己想要的文字，也可以修改其他的样式，包括扫码后的一些图标和提示。此方案由于页面加载时JS是每50ms检测一次，找到元素和修改后，用户是毫无感觉的。并且不影响加载速度(至少用户是感知不到差别的)。

修改后的样子

修改后的样子如图所示：

在这里插入图片描述

这里提供个HTML示例文件

下载链接：微信二维码自定义下方文字和各种样式

~空中楼阁
关注
vue - 网站接入微信扫码登录功能详细教程，完整详细流程及完整功能示例源代码（附常见问题的解决方案与二维码样式修改方案）
高级前端工程师
03-03 5620
vue.js项目植入微信登录，vue网页项目怎么做微信扫码登录，VUE项目中的微信扫码登录，VUE中最简单的js调用微信扫一扫功能，vue:如何设计网页的微信扫码登录功能，微信扫码功能官方文档，通过vue方式实现二维码扫码功能，vue调用微信扫码，vue H5 调用微信扫描二维码，Vue前端实现微信扫码登录，vue-wxlogin 微信授权登录组件，网站引入的微信登录框如何修改宽高或其他样式，wxlogin 组件插件怎么改变宽高，vue-wxlogin组件怎么自定义样式，微信网页授权，vue调用微信JSDK
在Vue3中实现微信登录，详细实现步骤、常见场景、问题解决方案及完整代码示例
最新发布
繁若华尘的博客
02-27 1864
在Vue3中实现微信登录涉及前端生成二维码、处理回调、与后端交互等多个环节。
PC端企业微信扫码登录和修改二维码下面的文字
qq_45806112的博客
10-31 1063
6.1、首先文字需要用unicode进行编码，编码后需要加“\”后面的u去掉。这里把上方代码里面的IP和端口号添加进去（192.168.1.1:80）注意：这里的ip和端口号要一致，不然二维码出不来。3.1、登录企业微信后台，进入应用管理。这里可以获取agentid，下面要用。6.3、对样式进行base64编码。3.2、创建一个应用，然后进入。6.4、在代码里添加一个key。3.3、退出去，找到我的企业。这里获取appid，下面要用。这时，就可以看见二维码了。6.2、然后书写样式。
微信扫码登录修改二维码的样式
Hero_rong的博客
12-04 819
微信的了的 js 对象是这个样子，既然大家看到我这篇文章，想必里面的属性已经知道了，这里不做赘述。自定义二维码的样式关键属性在 href ，把想要添加的属性转成base64格式的就好了。我这里加的属性，是隐藏title，修改二维码的大小，如果有和我一样需求的就可以直接用了。默认是这个样子二维码都没有展示全。
自定义PC微信扫码登录样式写法
08-28
主要介绍了自定义PC微信扫码登录样式的写法以及做了代码分析，需要的朋友学习下吧。
【原创】去掉微信登录二维码中的微信登录几个字的解决方法
南通SEO
01-14 2675
去掉微信登录二维码中的微信登录几个字的解决方法 通过分析，原来微信自己有参数可以去掉， 解决方法，如下： 链接中加上 &popup=0&href=https%3A%2F%2Fsta.gtimg.com%2Fqd5%2Fcss%2Fweixin.css   找到解决方案的链接： https://open.weixin.qq.com/connect/qrconnect?a...
Vue 内嵌微信登录二维码及修改默认样式
takeki_的博客
04-26 4752
1. index.html 引入微信官方提供的js文件 <script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script> 2.需要内嵌二维码的页面中 // template 代码 <div id="wxcode"> </div> // methods 代码 createWxQrcode() {
绿色带微信二维码在线客服代码.zip
05-24
2. **CSS样式**：由于提到“绿色风格”，我们可以推测代码中包含了CSS（层叠样式表）来定义颜色主题、字体、布局和其他视觉效果。CSS使得代码可以实现绿色调的界面，同时保持界面的简洁和清新。 3. **JavaScript/...
百度分享 去掉微信二维码分享下的文字提示
TomHaveNoCat的博客
03-28 871
需求 boss的心思你别猜，猜来猜去也猜不明白！！！ 问题：boss觉得这个分享下的文字太low，所以最好 更换，再不济也要去掉 解决方案 在这里，我使用的是百度分享插件，看了看引入的代码， with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).s...
二维码生成器微信小程序源码
05-06
【二维码生成器微信小程序源码】是一个用于创建和分享二维码的微信小程序应用的源代码。这个源代码包提供了开发人员构建自己的二维码生成和扫描功能的工具，尤其适用于那些希望在微信平台内集成这类功能的应用。下面...
java微信小程序参数二维码生成带背景图加字体
第九程序官方博客
07-11 3932
java微信小程序参数二维码生成带背景图加字体开发教程
自定义微信登录扫码样式解决办法
热门推荐
j_bleach的博客
08-12 1万+
PC微信扫码登录近期做一个PC端微信扫码登录的需求，微信扫码有两种方式，一种是新开一个二维码页面，另一种是内嵌入产品网页。本次以内嵌二维码为例，具体怎样在页面中显示一个登陆二维码，文档说的很清楚，就不赘述了，文档地址：https://open.weixin.qq.com/cgi-bin/showdocument?action=dir_list&t=resource/res_list&verify=1
微信扫码登入 改变二维码样式
freedom_fd的博客
09-30 1659
node.js下载地址 或者 用 代码 将text 转换为base64 <script type="text/javascript" src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script> <script type="text/javascript"> var o...
微信扫码登录（new WxLogin）-二维码样式修改
soga的博客
02-03 2137
new WxLogin 方式生成微信二维码，二维码样式自定义
微信扫码登录自定义二维码显示信息
耳东_晨的博客
06-30 1516
微信扫码登录,自定义二维码显示信息 <script src="http://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script> <script> $(document).ready(function() { var obj = new WxLogin({ id: "wx_login", appid: "wxa65628e2
微信PC登录样式个性化处理详解
酷玩时刻-By Javen
01-24 3949
概述 将二维码嵌入到自有产品页 遇到问题 解决思路 通过访问data-url解决样式问题 广而告之 概述 近期做一个PC端微信扫码登录的需求，微信扫码有两种方式，一种是新开一个二维码页面，另一种是内嵌入产品网页。 第一种实现方式比较简单了，不会使用的可以看这里的开源项目 weixin_guide 两种实现方案官方详细介绍资料 戳这里直达 将二维码嵌入到自有产品页
【vue3 使用 qrcode】渲染二维码下方提示词，且自动调节文字大小
Red_Sugar的博客
06-27 630
我这里是结合了element ui 的图片组件一起使用，大家可以用其他图片标签也可以。
修改微信扫码登录，二维码样式
sinat_36193631的博客
03-17 1万+
开工后的第一篇博客，记得在去年给自己定的计划是每月一篇博客，看来有点没有持之以恒，抱歉…，进入正题： 过完年来一直在赶项目进度，期间也遇到很多问题，很想把它分享出来，时间问题吧，没有及时写出来，今天遇到在解决项目中扫码登录的几个问题时，看到网上资源很少，我来贡献一份吧! 2.1.问题： 二维码太大，跟项目中密码登录模块不协调，产品跟业务不太满意，自己也看得不舒服，下面是改小过的 2.2...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值