umi项目案例：基于 umi3 + DVA + TS + Antd-Mobile 的商城项目模板

红太狼 2022-10-30 07:26 249阅读 0赞

## 使用技术： ##

**基于 umi3 + DVA + TS + Antd-Mobile 的商城项目模板**  
使用 `mockjs` 提供数据支持，放心使用

## 项目地址： ##

**地址：** [https://github.com/shunyue1320/umi-store][https_github.com_shunyue1320_umi-store]  
**运行项目：**

git clone https://github.com/shunyue1320/umi-store.git  //项目克隆到本地
    cd umi-store   		//进入项目目录
    yarn install      	//安装依赖
    yarn run start		//启动项目

## 项目效果图如下： ##

**1. 首页：**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjE0OTI4_size_16_color_FFFFFF_t_70]  
**2. 购物车：**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjE0OTI4_size_16_color_FFFFFF_t_70 1]  
**3. 订单列表：**

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjE0OTI4_size_16_color_FFFFFF_t_70 2]  
**4. 我的页面：**  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjE0OTI4_size_16_color_FFFFFF_t_70 3]  
项目简单，思路清晰，值得入门！

[https_github.com_shunyue1320_umi-store]: https://github.com/shunyue1320/umi-store
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjE0OTI4_size_16_color_FFFFFF_t_70]: /images/20221024/e04b33fdb9bd401ca7822e82af04376f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjE0OTI4_size_16_color_FFFFFF_t_70 1]: /images/20221024/989072b2177a4a769df511c08956ce27.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjE0OTI4_size_16_color_FFFFFF_t_70 2]: /images/20221024/037956e6845643238bf15574f34c1519.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQxNjE0OTI4_size_16_color_FFFFFF_t_70 3]: /images/20221024/88c1b99072fb4e5b8e71ad53ca31ad7d.png