docs: ✏️ 更新爱发电地址和示例demo二维码

Author: Moonofweisheng

README.md

@@ -62,9 +62,10 @@
 
 扫描二维码访问演示，注意：因微信审核机制限制，当前的微信小程序示例可能不是最新版本，可以 clone 代码到本地预览。
 
-<p>
-<img src="https://wot-design-uni.pages.dev/wx.jpg" width="200" height="200" style="margin-right:30px"/>
+<p style="display:flex;gap:24px">
+<img src="https://wot-design-uni.pages.dev/wx.jpg" width="200" height="200"/>
 <img src="https://wot-design-uni.pages.dev/alipay.png" width="200" height="200" />
+<img src="https://wot-design-uni.pages.dev/h5.png" width="200" height="200" />
 </p>
 
 ## 快速上手
@@ -117,7 +118,7 @@
 
 ### 爱发电捐赠
 
-<a href="https://afdian.net/a/weisheng233">https://afdian.net/a/weisheng233</a>
+<a href="https://afdian.com/a/weisheng233">https://afdian.com/a/weisheng233</a>
 
 ### 扫码捐赠
 

docs/guide/introduction.md

@@ -8,7 +8,8 @@
 
 ## 扫码体验
 
-<div style="display: inline-block; margin-right: 60px;">
+<div style="display:flex;gap:24px">
+<div style="display: inline-block;">
   <img style="width: 150px; height: 150px;" :src="WxQrcode" />
   <div style="text-align: center;">微信扫码</div>
 </div>
@@ -18,6 +19,12 @@
   <div style="text-align: center;">支付宝扫码</div>
 </div>
 
+<div style="display: inline-block;">
+  <img style="width: 150px; height: 150px;" :src="H5Qrcode" />
+  <div style="text-align: center;">浏览器扫码</div>
+</div>
+</div>
+
 ## ✨ 特性
 
 - 🎯 多平台覆盖，支持 微信小程序、支付宝小程序、钉钉小程序、H5、APP 等.
@@ -66,12 +73,15 @@
 <script>
 import WxQrcode from '/wx.jpg'
 import AlipayQrcode from '/alipay.png'
+import H5Qrcode from '/h5.png'
+
 
 export default {
   data () {
     return {
       WxQrcode,
-      AlipayQrcode
+      AlipayQrcode,
+      H5Qrcode
     }
   }
 }

docs/public/alipay.png

@@ -10,7 +10,7 @@
 
 ### 爱发电捐赠
 
-<a href="https://afdian.net/a/weisheng233">https://afdian.net/a/weisheng233</a>
+<a href="https://afdian.com/a/weisheng233">https://afdian.com/a/weisheng233</a>
 
 
 ### 扫码捐赠

docs/public/h5.png

@@ -64,9 +64,10 @@
 
 扫描二维码访问演示，注意：因微信审核机制限制，当前的微信小程序示例可能不是最新版本，可以clone代码到本地预览。
 
-<p>
-<img src="https://wot-design-uni.pages.dev/wx.jpg" width="200" height="200" style="margin-right:30px"/>
+<p style="display:flex;gap:24px">
+<img src="https://wot-design-uni.pages.dev/wx.jpg" width="200" height="200"/>
 <img src="https://wot-design-uni.pages.dev/alipay.png" width="200" height="200" />
+<img src="https://wot-design-uni.pages.dev/h5.png" width="200" height="200" />
 </p>
 
 ## 快速上手
@@ -122,7 +123,7 @@
 
 ### 爱发电捐赠
 
-<a href="https://afdian.net/a/weisheng233">https://afdian.net/a/weisheng233</a>
+<a href="https://afdian.com/a/weisheng233">https://afdian.com/a/weisheng233</a>
 
 ### 扫码捐赠