实战：小程序购物商城，组件化与插件化的差别在哪里

⑨ 删除util文件夹。

2. 搭建项目目录结构

| 录名 | 作用 |

| — | — |

| styles | 存放公共样式 |

| components | 存放组件 |

| lib | 存放第三方库 |

| utils | 自己的工具库 |

| request | 自己的SKD |

3.3、搭建项目页面

---

| ⻚⾯名称 | 名称 |

| — | — |

| ⾸⻚ | index |

| 分类⻚⾯ | category |

| 商品列表⻚⾯ | goods_list |

| 商品详情⻚⾯ | goods_detail |

| 购物⻋⻚⾯ | cart |

| 收藏⻚⾯ | collect |

| 订单⻚⾯ | order |

| 搜索⻚⾯ | search |

| 个⼈中⼼⻚⾯ | user |

| 意⻅反馈⻚⾯ | feedback |

| 登录⻚⾯ | login |

| 授权⻚⾯ | auth |

| 结算⻚⾯ | pay |

3.4、引入字体图标

---

1. 打开阿⾥巴巴字体图标 ⽹站

2. 选择的图标

3. 添加⾄项⽬

4. 下载到本地，选择第二个Font Class，并在地址栏打开新地址，复制全部代码到项目中

5. 将样式⽂件 由 css 修改为 wxss

6. ⼩程序中引⼊，在全局app.wxss中引入，就可以在每个wxss中使用了

7. 测试

3.5、搭建项目的tabbar结构

---

1. 目录下新增文件夹icon