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

已于 2023-07-13 15:28:23 修改
阅读量450 收藏
点赞数
文章标签： 微信
于 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示例文件

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

~空中楼阁
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
自定义PC微信扫码登录样式写法
08-28
主要介绍了自定义PC微信扫码登录样式的写法以及做了代码分析，需要的朋友学习下吧。
绿色带微信二维码在线客服代码.zip
05-24
2. **CSS样式**：由于提到“绿色风格”，我们可以推测代码中包含了CSS（层叠样式表）来定义颜色主题、字体、布局和其他视觉效果。CSS使得代码可以实现绿色调的界面，同时保持界面的简洁和清新。 3. **JavaScript/...
PC端企业微信扫码登录和修改二维码下面的文字
qq_45806112的博客
10-31 533
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、然后书写样式。
【原创】去掉微信登录二维码中的微信登录几个字的解决方法
南通SEO
01-14 2405
去掉微信登录二维码中的微信登录几个字的解决方法 通过分析，原来微信自己有参数可以去掉， 解决方法，如下： 链接中加上 &popup=0&href=https%3A%2F%2Fsta.gtimg.com%2Fqd5%2Fcss%2Fweixin.css   找到解决方案的链接： https://open.weixin.qq.com/connect/qrconnect?a...
微信扫码登入 改变二维码样式
freedom_fd的博客
09-30 1539
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...
微信扫码登录修改二维码的样式
Hero_rong的博客
12-04 321
微信的了的 js 对象是这个样子，既然大家看到我这篇文章，想必里面的属性已经知道了，这里不做赘述。自定义二维码的样式关键属性在 href ，把想要添加的属性转成base64格式的就好了。我这里加的属性，是隐藏title，修改二维码的大小，如果有和我一样需求的就可以直接用了。默认是这个样子二维码都没有展示全。
微信扫码登录自定义二维码显示信息
耳东_晨的博客
06-30 1381
微信扫码登录,自定义二维码显示信息 <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
带微信二维码的QQ客服代码.zip
11-25
在IT行业中，构建一个带有微信二维码的QQ客服系统是一个常见的需求，这有助于企业与客户进行无缝沟通。这个压缩包文件“带微信二维码的QQ客服代码.zip”包含了实现这一功能的相关代码资源，主要涉及HTML5、jQuery、...
二维码生成器微信小程序源码
05-06
【二维码生成器微信小程序源码】是一个用于创建和分享二维码的微信小程序应用的源代码。这个源代码包提供了开发人员构建自己的二维码生成和扫描功能的工具，尤其适用于那些希望在微信平台内集成这类功能的应用。下面...
商城网站带微信扫描登录页面模板
01-19
2. **css**：这通常是一个或多个CSS（层叠样式表）文件，负责定义页面的布局、颜色、字体等视觉样式，使页面看起来“非常漂亮”。 3. **images**：这个文件夹可能包含各种图像资源，如登录按钮、二维码图标、背景...
微信小程序uniapp银行卡卡片样式组件
05-09
微信小程序在移动互联网时代为商家和开发者提供了一个无需安装即可使用的便捷解决方案，用户只需在微信内搜索或扫描二维码就能打开应用。 【uniapp】是一个开源的跨端开发框架，它由HBuilderX团队开发，旨在实现一...
内嵌式js微信扫码登录及自定义样式
热门推荐
李维山的博客
07-26 1万+
关于微信扫码登录网站的功能介绍，请阅读官方文档【网站应用微信登录开发指南】 根据官方文档我们知道微信扫码登录有两种方式 一种是跳转到一个大黑屏二维码界面进行扫码登录： （参见博客：PHP实现跳转式微信扫码登录网站 ） 另外一种是把二维码内嵌到页面中，这样可以自定义一些样式，例如二维码的大小、是否有标题等，默认效果如下： （官方文档说的挺好，JS微信登录主要用途：网站希望用户在网站内就...
修改微信扫码登录，二维码样式
sinat_36193631的博客
03-17 1万+
开工后的第一篇博客，记得在去年给自己定的计划是每月一篇博客，看来有点没有持之以恒，抱歉…，进入正题： 过完年来一直在赶项目进度，期间也遇到很多问题，很想把它分享出来，时间问题吧，没有及时写出来，今天遇到在解决项目中扫码登录的几个问题时，看到网上资源很少，我来贡献一份吧! 2.1.问题： 二维码太大，跟项目中密码登录模块不协调，产品跟业务不太满意，自己也看得不舒服，下面是改小过的 2.2...
微信开放平台网页扫码登录，href自定义CSS样式无效的原因和解决办法
二代旅游网站CMS程序的博客
11-24 6698
微信开放平台网页扫码登录，把相关JS放去进去后，，发现模式的二维码宽度是280px的，对我来说太宽了， 按照官方的说法，  自定义一个样式，把网址填入href里就行了，如下这样：          var obj = new WxLogin({                               id:"login_container",                 
安卓实现微信聊天气泡
WenZhengshi的博客
07-01 1646
【代码】安卓实现微信聊天气泡。
【计算机毕业设计】021基于weixin小程序微信点餐
卓怡工作室的博客
07-06 704
随着社会的发展，社会的方方面面都在利用信息化时代的优势。互联网的优势和普及使得各种系统的开发成为必需。 本文以实际运用为开发背景，运用软件工程原理和开发方法，它主要是采用java语言技术和mysql数据库来完成对系统的设计。整个开发过程首先对微信点餐小程序进行需求分析，得出微信点餐小程序主要功能。接着对微信点餐小程序进行总体设计和详细设计。总体设计主要包括小程序功能设计、小程序总体结构设计、小程序数据结构设计和小程序安全设计等；详细设计主要包括微信点餐小程序数据库访问的实现，主要功能模块的具体
ROS安装配置与语法介绍文档、ROS代码文档、树莓派与ROS结合使用等相关文档
最新发布
07-08
ROS安装配置与语法介绍文档、ROS代码文档、树莓派与ROS结合使用等相关文档
2003-2023年飞机航线信息数据.xlsx
07-08
2003-2023年飞机航线信息数据 1、时间：2003-2023年 2、来源：高铁航线数据库（Chinese High-speed Rail and Airline Database，CRAD） 3、指标：起点城市、起点城市所属地级市、起点城市所属省份、起点机场、终点城市、终点城市所属地级市、终点城市所属省份、终点机场、航空公司、更新日期、航班、出发时间、到达时间、准点率、班次_周一、班次_周二、班次_周三、班次_周四、班次_周五、班次_周六、班次_周日
django 扫码微信二维码登录
07-13
你可以使用第三方库 `django-weixin-auth` 来实现扫码微信二维码登录功能。下面是实现步骤： 1. 安装 `django-weixin-auth` 库：可以通过执行 `pip install django-weixin-auth` 命令来安装。 2. 在 Django 项目的 settings.py 文件中添加 `'weixin_auth'` 到 `INSTALLED_APPS` 列表中。 3. 执行数据库迁移命令，以创建相应的数据库表： ``` python manage.py migrate ``` 4. 在项目的 urls.py 文件中添加以下 URL 配置： ```python from weixin_auth import views urlpatterns = [ # ... path('weixin/login/', views.weixin_login, name='weixin_login'), path('weixin/callback/', views.weixin_callback, name='weixin_callback'), # ... ] ``` 5. 创建一个视图函数来处理微信登录逻辑，例如： ```python from django.shortcuts import redirect def weixin_login(request): # 生成微信授权登录链接 redirect_uri = request.build_absolute_uri(reverse('weixin_callback')) authorize_url = weixin_auth.get_authorize_url(redirect_uri=redirect_uri) # 重定向到微信授权登录页面 return redirect(authorize_url) ``` 6. 创建一个回调视图函数来处理微信授权成功后的回调，例如： ```python from django.contrib.auth import login def weixin_callback(request): # 获取微信用户的授权信息 code = request.GET.get('code') user_info = weixin_auth.get_user_info(code) # 根据用户信息创建或更新用户 user = create_or_update_user(user_info) # 登录用户 login(request, user) # 重定向到登录后的页面 return redirect('home') ``` 请注意，以上代码仅供参考，并且需要根据你的项目需求进行相应的修改。具体的实现细节可以参考 `django-weixin-auth` 库的文档。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值