成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

自定義微信掃碼登錄樣式

davidac / 2791人閱讀

摘要：最近公司端網(wǎng)站登錄改版，新增加微信掃碼登錄。設(shè)置好后發(fā)現(xiàn)，微信自帶的樣式，碼太大了，位置也不對(duì)，需要調(diào)整。再看文檔微信文檔就是這個(gè)屬性上方的，就可以引用咱們自己寫的文件。

最近公司PC端網(wǎng)站登錄改版，新增加微信掃碼登錄。
文檔微信掃碼登錄文檔。
設(shè)置好后發(fā)現(xiàn)，微信自帶的樣式，碼太大了，位置也不對(duì)，需要調(diào)整。

再看文檔

微信文檔


                var obj = new WxLogin({
                    id:"login_container", 
                    appid: "", 
                    scope: "", 
                    redirect_uri: "",
                    state: "",
                    style: "",
                    href: "../qrcode.css"http://就是這個(gè)屬性
                   });

上方的href，就可以引用咱們自己寫的css文件。
但是官方規(guī)定，這個(gè)css文件，必須放在https協(xié)議的網(wǎng)站上，例如：

引用css


  href: "https://www.baidu.com/qrcode.css"

但是自家網(wǎng)站協(xié)議不是https。解決之道：
通過訪問data-url解決樣式問題
寫一個(gè)nodejs腳本，將剛才的css資源轉(zhuǎn)換為data-url。

具體方法:
1.新建文件夾，放入轉(zhuǎn)換的js文件以及你自己寫的css文件

change.js
var fs = require("fs");
// function to encode file data to base64 encoded string
function base64_encode(file) {
// read binary data
var bitmap = fs.readFileSync(file);
// convert binary data to base64 encoded string
return "data:text/css;base64,"+new 
Buffer(bitmap).toString("base64");
}
console.log(base64_encode("./qrcode.css"))

2.打開終端,進(jìn)入目錄

執(zhí)行


 node change.js

教程結(jié)束。

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/115570.html

相關(guān)文章

  • 自定義微信掃碼登錄樣式

    摘要：最近公司端網(wǎng)站登錄改版，新增加微信掃碼登錄。設(shè)置好后發(fā)現(xiàn)，微信自帶的樣式，碼太大了，位置也不對(duì)，需要調(diào)整。再看文檔微信文檔就是這個(gè)屬性上方的，就可以引用咱們自己寫的文件。 最近公司PC端網(wǎng)站登錄改版，新增加微信掃碼登錄。文檔微信掃碼登錄文檔。設(shè)置好后發(fā)現(xiàn)，微信自帶的樣式，碼太大了，位置也不對(duì)，需要調(diào)整。 showImg(https://segmentfault.com/img/bVXj...

    XiNGRZ 評(píng)論0 收藏0

  • 自定義微信登錄掃碼樣式解決辦法

    摘要：微信掃碼登錄近期做一個(gè)端微信掃碼登錄的需求，微信掃碼有兩種方式，一種是新開一個(gè)二維碼頁(yè)面，另一種是內(nèi)嵌入產(chǎn)品網(wǎng)頁(yè)。幸運(yùn)的是，微信留了一個(gè)給我們自定義樣式的機(jī)會(huì)，在之前實(shí)例化一個(gè)二維碼的時(shí)候，實(shí)例對(duì)象中屬性，允許設(shè)置樣式。 PC微信掃碼登錄 近期做一個(gè)PC端微信掃碼登錄的需求，微信掃碼有兩種方式，一種是新開一個(gè)二維碼頁(yè)面，另一種是內(nèi)嵌入產(chǎn)品網(wǎng)頁(yè)。本次以內(nèi)嵌二維碼為例，具體怎樣在頁(yè)面中顯示...

    meteor199 評(píng)論0 收藏0

  • 自定義微信登錄掃碼樣式解決辦法

    摘要：微信掃碼登錄近期做一個(gè)端微信掃碼登錄的需求，微信掃碼有兩種方式，一種是新開一個(gè)二維碼頁(yè)面，另一種是內(nèi)嵌入產(chǎn)品網(wǎng)頁(yè)。幸運(yùn)的是，微信留了一個(gè)給我們自定義樣式的機(jī)會(huì)，在之前實(shí)例化一個(gè)二維碼的時(shí)候，實(shí)例對(duì)象中屬性，允許設(shè)置樣式。 PC微信掃碼登錄 近期做一個(gè)PC端微信掃碼登錄的需求，微信掃碼有兩種方式，一種是新開一個(gè)二維碼頁(yè)面，另一種是內(nèi)嵌入產(chǎn)品網(wǎng)頁(yè)。本次以內(nèi)嵌二維碼為例，具體怎樣在頁(yè)面中顯示...

    yexiaobai 評(píng)論0 收藏0

  • 微信掃碼登錄

    摘要：二維碼的樣式外部文件，需要過程詳解當(dāng)使用微信掃碼，微信校驗(yàn)成功后，會(huì)訪問，并在的參數(shù)上添加和設(shè)置的。將拿到的用戶信息有用戶的唯一的，調(diào)用后臺(tái)的微信登錄接口，成功到進(jìn)入登錄頁(yè)面之前的便可以了。 官方文檔：網(wǎng)站應(yīng)用微信登錄開發(fā)指南 流程圖 showImg(https://segmentfault.com/img/bVbeLKq?w=1298&h=570); 使用步驟 在使用的頁(yè)面中引入：...

    elva 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<