docs: update readme

Author: novlan1

.vscode/settings.json

@@ -7,6 +7,9 @@
   "[vue]": {
     "editor.defaultFormatter": "dbaeumer.vscode-eslint"
   },
+  "[markdown]": {
+    "editor.formatOnSave": false
+  },
   "cSpell.words": [
     "uniapp",
     "dcloudio",

README.md

@@ -16,6 +16,13 @@
 
 基于 Vue 3 + TypeScript + Vite + TDesign Uniapp 的跨端移动应用开发模板，支持 H5、微信小程序、支付宝小程序等多平台。
 
+## 📱 扫码预览
+
+| 平台 | 预览 |
+ --- | --- |
+| H5 | <img src="./docs/image/tdesign-uniapp-starter-h5.png" width="200" /> |
+| 小程序 | <img src="./docs/image/tdesign-uniapp-starter-h5.png" width="200" /> |
+
 ## ✨ 特性
 
 - 🎨 **TDesign 组件库** - 腾讯出品的企业级设计体系
@@ -151,10 +158,6 @@ pnpm type-check
 - [Vue 3 文档](https://cn.vuejs.org/)
 - [Vite 文档](https://cn.vitejs.dev/)
 
-## 📱 扫码预览
-
-<img src="./docs/image/tdesign-uniapp-starter-h5.png" width="300" />
-
 ## 🎨 设计稿
 
 - **移动端通用场景页面模版**: [CoDesign](https://codesign.qq.com/s/567449555703953)