diff --git a/README.md b/README.md
index 2434c43d..35569309 100644
--- a/README.md
+++ b/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>
 
 ### 扫码捐赠
 
diff --git a/docs/guide/introduction.md b/docs/guide/introduction.md
index 9ca41869..f5be3e1c 100644
--- a/docs/guide/introduction.md
+++ b/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
     }
   }
 }
diff --git a/docs/public/alipay.png b/docs/public/alipay.png
index 3fb16069..5de49016 100644
Binary files a/docs/public/alipay.png and b/docs/public/alipay.png differ
diff --git a/docs/public/h5.png b/docs/public/h5.png
new file mode 100644
index 00000000..7c4b0ee5
Binary files /dev/null and b/docs/public/h5.png differ
diff --git a/docs/public/wx.jpg b/docs/public/wx.jpg
index 10153309..7801e4c7 100644
Binary files a/docs/public/wx.jpg and b/docs/public/wx.jpg differ
diff --git a/docs/reward/reward.md b/docs/reward/reward.md
index 243ef6dc..29ef46fe 100644
--- a/docs/reward/reward.md
+++ b/docs/reward/reward.md
@@ -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>
 
 
 ### 扫码捐赠
diff --git a/src/uni_modules/wot-design-uni/readme.md b/src/uni_modules/wot-design-uni/readme.md
index f9b13fb1..3b06e0c7 100644
--- a/src/uni_modules/wot-design-uni/readme.md
+++ b/src/uni_modules/wot-design-uni/readme.md
@@ -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>
 
 ### 扫码捐赠