diff --git a/.image/common/mall-feature.png b/.image/common/mall-feature.png
new file mode 100644
index 00000000..4873db4d
Binary files /dev/null and b/.image/common/mall-feature.png differ
diff --git a/.image/common/mall-preview.png b/.image/common/mall-preview.png
new file mode 100644
index 00000000..1d1d1c6e
Binary files /dev/null and b/.image/common/mall-preview.png differ
diff --git a/.image/common/ruoyi-vue-pro-architecture.png b/.image/common/ruoyi-vue-pro-architecture.png
new file mode 100644
index 00000000..30c0bbe4
Binary files /dev/null and b/.image/common/ruoyi-vue-pro-architecture.png differ
diff --git a/.image/common/yudao-cloud-architecture.png b/.image/common/yudao-cloud-architecture.png
new file mode 100644
index 00000000..01e8c5a4
Binary files /dev/null and b/.image/common/yudao-cloud-architecture.png differ
diff --git a/.image/mall/会员详情.png b/.image/mall/会员详情.png
new file mode 100644
index 00000000..108c59b7
Binary files /dev/null and b/.image/mall/会员详情.png differ
diff --git a/.image/mall/商品详情.png b/.image/mall/商品详情.png
new file mode 100644
index 00000000..1236b0b5
Binary files /dev/null and b/.image/mall/商品详情.png differ
diff --git a/.image/mall/营销中心.png b/.image/mall/营销中心.png
new file mode 100644
index 00000000..4007a0aa
Binary files /dev/null and b/.image/mall/营销中心.png differ
diff --git a/.image/mall/订单详情.png b/.image/mall/订单详情.png
new file mode 100644
index 00000000..ede20465
Binary files /dev/null and b/.image/mall/订单详情.png differ
diff --git a/README.md b/README.md
index 4f84cf27..4793dec3 100644
--- a/README.md
+++ b/README.md
@@ -9,7 +9,7 @@
 
 ## 🐶 新手必读
 
-* 演示地址：TODO
+* 演示地址：<https://doc.iocoder.cn/mall-preview/>
 * 启动文档：<https://doc.iocoder.cn/quick-start/>
 * 视频教程：<https://doc.iocoder.cn/video/>
 
@@ -17,10 +17,39 @@
 
 **芋道商城**，基于 [芋道开发平台](https://github.com/YunaiV/ruoyi-vue-pro) 构建，以开发者为中心，打造中国第一流的 Java 开源商城系统，全部开源，个人与企业可 100% 免费使用。
 
+![功能图](/.image/common/mall-preview.png)
+
+> 有任何问题，或者想要的功能，可以在 Issues 中提给艿艿。
+> 
+> 😜 给项目点点 Star 吧，这对我们真的很重要！
+
 * 基于 uniapp 开发，支持微信小程序、微信公众号、H5 移动端，未来会支持支付宝小程序、抖音小程序等
 * 支持 SaaS 多租户，可满足商品、订单、支付、会员、优惠券、秒杀、拼团、砍价、分销、积分等多种经营需求
 
+## 🔥 后端架构
+
+支持 Spring Boot、Spring Cloud 两种架构：
+
+① Spring Boot 单体架构：<https://github.com/YunaiV/ruoyi-vue-pro>
+
+![架构图](/.image/common/ruoyi-vue-pro-architecture.png)
+
+② Spring Cloud 微服务架构：<https://github.com/YunaiV/yudao-cloud>
+
+![架构图](/.image/common/yudao-cloud-architecture.png)
+
 ## 🐱 移动端预览
 
+![功能图](/.image/common/mall-feature.png)
+
+_前端基于 crmeb uniapp 经过授权重构，优化代码实现_
+
 ## 🐶 管理端预览
 
+![会员详情](/.image/mall/会员详情.png)
+
+![商品详情](/.image/mall/商品详情.png)
+
+![订单详情](/.image/mall/订单详情.png)
+
+![营销中心](/.image/mall/营销中心.png)