修改微信掃碼登入，二維碼樣式
阿新 • • 發佈：2019-01-02
開工後的第一篇部落格，記得在去年給自己定的計劃是每月一篇部落格，看來有點沒有持之以恆，抱歉…，進入正題：
過完年來一直在趕專案進度，期間也遇到很多問題，很想把它分享出來，時間問題吧，沒有及時寫出來，今天遇到在解決專案中掃碼登入的幾個問題時，看到網上資源很少，我來貢獻一份吧!
2.1.問題：
二維碼太大，跟專案中密碼登入模組不協調，產品跟業務不太滿意，自己也看得不舒服，下面是改小過的
2.2.問題：
不想顯示網站應用名稱：以上紅框分別是微信官方自帶的提示跟網站應用名稱，解決辦法：
講半天都是樣式問題而已，作為前端來講，css隱藏一個東西so easy啊，但是像這種iframe進來的完全不起作用，目前解決辦法應該只有兩個可以解決這個樣式問題
3.1：style預設是black,或者是white,填其他樣式沒有用，href屬性，微信官方提供的一個安全連結，意思就是要用https，專案中介面都是http,去哪寫個css檔案放到一個公用的安全連結上，尼瑪，太浪費了，此方法不合適
3.2：node出場，既然在專案中引用到了，怎麼玩你就是我的事，說把你變小就變小，說把你去掉就去掉
專案是使用dev,在webpackrc中本來就用到了node的模組，現在只是加個fs模組，如下圖
QRcode.css是修改二維碼的樣式，想怎麼改，就怎麼寫，滿意就好，執行一下這段指令碼，會在終端console出來一個data-url出來，講這段字串放到href中，熱載入以後，樣式裡面改變。
從data開始，整個放到href中，
node水平太差，後期還要補習一下，總體使用了node的fs模組中的readFileSync方法，生成一個base64的data-url
