diff --git a/src/assets/images/qrcode.jpg b/src/assets/images/qrcode.jpg
new file mode 100644
index 0000000..3261850
Binary files /dev/null and b/src/assets/images/qrcode.jpg differ
diff --git a/src/assets/images/qrcodeH5.png b/src/assets/images/qrcodeH5.png
new file mode 100644
index 0000000..584c0b0
Binary files /dev/null and b/src/assets/images/qrcodeH5.png differ
diff --git a/src/views/index.vue b/src/views/index.vue
index a6e4cec..360e05a 100644
--- a/src/views/index.vue
+++ b/src/views/index.vue
@@ -111,6 +111,30 @@
           </div>
         </el-card>
       </el-col>
+      <el-col :sm="24" :lg="8">
+        <el-card>
+          <template #header>
+            <span>移动端体验</span>
+          </template>
+
+          <div class="body">
+            <table style="width: 100%; text-align: center">
+              <tr>
+                <td>微信小程序</td>
+                <td>H5</td>
+              </tr>
+              <tr>
+                <td>
+                  <img src="@/assets/images/qrcode.jpg" alt="donate" style="width: 180px" />
+                </td>
+                <td>
+                  <img src="@/assets/images/qrcodeH5.png" alt="donate" style="width: 180px" />
+                </td>
+              </tr>
+            </table>
+          </div>
+        </el-card>
+      </el-col>
       <el-col :sm="24" :lg="8">
         <el-card>
           <template #header>