var content =

".impowerBox .qrcode {width: 50vh;} .impowerBox .title {display: none;}.impowerBox .status{padding: 7px 14px;text-align:center;}.impowerBox .info {width: 240px;}.impowerBox .status_txt>p{width:240px}";

//记住一定要注明文件类型是css

var blob = new Blob([content],{type: "text/css;"});

var reader = new FileReader();

reader.readAsDataURL(blob);

var obj = new WxLogin({

id: "login_container",

appid: appid,

scope: "snsapi_login",

redirect_uri: url,

state: "123",

style: "", //样式

href:reader.result

//"data:text/css;base64,LmltcG93ZXJCb3ggLnFyY29kZSB7d2lkdGg6IDIwMHB4O30NCi5pbXBvd2VyQm94IC50aXRsZSB7ZGlzcGxheTogbm9uZTt9DQouaW1wb3dlckJveCAuaW5mbyB7d2lkdGg6IDIwMHB4O30NCi5zdGF0dXNfaWNvbiB7ZGlzcGxheTpub25lfQ0KLmltcG93ZXJCb3ggLnN0YXR1cyB7dGV4dC1hbGlnbjogY2VudGVyO30="

});

web端微信二维码自定义样式相关推荐

  1. vue项目生成微信支付二维码(web端),其他二维码也可以生成

    第一步引入第三方插件: npm install –save qrcodejs2 第二步,在vue页面中引用: <template><h2>微信扫码支付</h2>&l ...

  2. 移动端 —— 微信二维码生成、授权登陆,展示用户信息页

    测试功能流程: 1.根据请求后端接口,返回url,根据url,使用二维码生成工具,生成二维码 二维码生成工具地址:https://www.the-qrcode-generator.com/

  3. 条码软件如何自定义条码二维码的样式

    在生活中我们见到最多的条码二维码基本上都是以方形的黑白效果显示,虽然可能不是很美观,但是这确实是标准的显示方式,不过在中琅条码软件中,却可以自定义条码二维码样式,让条码二维码在保证扫描效果的前提下更加 ...

  4. 跨端扫码确认实现Web登录(扫二维码登录)

    起初的想法是类似于QQ扫码登录,BILIBILI扫码登录一样,通过手机确认后,在web端重定向完成登录 通过对BILIBILI扫码功能的解析,自己实现了一套类似扫码登录的功能 以下为伪代码,仅供查阅 ...

  5. 魔坊APP项目-15-邀请好友(业务逻辑流程图、服务端提供邀请好友的二维码生成接口、客户端通过第三方识别微信二维码,服务端提供接口允许访问、App配置私有协议,允许第三方应用通过私有协议,唤醒APP)

    邀请好友 1.业务逻辑流程图 客户端提供点击"邀请好友"以后的页面frame,html/invite.html,代码: <!DOCTYPE html> <html ...

  6. 微信测试号实现个人第三方PC端网站二维码登录(代码实现篇)

    我页面使用了生成二维码的js,是网上拿到的(太多转载,具体作者是啥不知道(#^.^#)) 点击打开生成二维码js链接  直接复制js就OK. 好,正文来啦,我代码中是使用了springboot(SSM ...

  7. 微信测试号实现个人第三方PC端网站二维码登录

    这里只提及微信二维码登录PC网站的实现方面,对于微信测试号如何申请,如何授权,本篇博客不去讲解. 测试号申请:http://mp.weixin.qq.com/debug/cgi-bin/sandbox ...

  8. 如何给CSDN博客添加个人微信二维码或自定义栏目

    在使用CSDN的过程中,一般人都不怎么会去关注私信或留言的,因此为了更加有效及时地与作者或网友进行沟通,可以将自己的邮箱地址或者微信二维码添加到自定义栏目中,现在新版的CSDN好像只能添加一个自定义栏 ...

  9. 仿微信个人二维码切换样式

    今天产品突然让我做一个像微信一个可以换样式的二维码功能,在网上找了一下,没有发现有类似的功能,于是决定自己写一个,在此记录一下,希望对有这种需求的开发人员有帮助. 1.样式展示 2.原理说明 a.先生 ...

最新文章

  1. rpm 使用手册 (谷歌翻译)
  2. Oracle Spatial-元数据及SDO_GEOMETRY
  3. 10种CSS3实现的Loading效果
  4. mysql flush cache_mysql的SQL_NO_CACHE(在查询时不使用缓存)和sql_cache用法
  5. 从微软的DBML文件中我们能学到什么(它告诉了我们什么是微软的重中之重)~三 分部类是否破坏了单一职责...
  6. 安装与配置Flutter开发环境
  7. IDL| 实现两个数相加,并且询问是否循环
  8. 为什么jar包代码与源代码不一致_Jacoco代码覆盖率工具
  9. 数据结构与算法(总结)
  10. JAVA面向对象 从0.5到1
  11. 硬件机械测试项目及判据
  12. Latex系列(三)---IEEE Tran模板介绍
  13. 从eclips到idea
  14. Kotlin学习(二十): Kotlin实现流的读取的方案
  15. Python基础(十八):学员管理系统应用
  16. 会议,如何从智能走向智慧?——四川有生发布智慧会议平台
  17. 从 S7-300/400 软冗余到 S7-1500R/H 冗余系统
  18. 《Android源码设计模式解析与实战》读书笔记(二十四)
  19. 逃离贼船?新方舟需要我们去创造。
  20. 用注意力机制实现中英文互译

热门文章

  1. 从微信小程序到抖音小程序:转换指南
  2. 清除本地dns(Mac,win)
  3. 尝试加载 Oracle 客户端库时引发 BadImageFormatException
  4. scanf函数解析,附带rewind函数(清空缓存)
  5. 车载显示屏刷鸿蒙系统,华为智能品鉴会如期进行,鸿蒙系统车载显示屏首次亮相...
  6. ESXi 6.7.0含RTL8168驱动安装包(亲测可用)
  7. 【ABAQUS2022】ABAQUS2022安装+汉化+帮助文档下载教程
  8. 微信扫码充值 php,微信扫码支付,php版
  9. cesium gltf 1.0 2.0的一些扩展
  10. 小爱同学语音API(不需要小米账号)