🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
商城首页主要分为下面几个部分 **1.商品分类** 会根据后台设置的分类进行商品的展示 ![](https://img.kancloud.cn/a1/d2/a1d272df39a110bd7d87d065f2cf8944_400x921.png) ![](https://img.kancloud.cn/3c/77/3c771a5468936ced50db57c91862ade8_400x890.png) **2.搜索框** 用户可按照关键词搜索对应的商品 ![](https://img.kancloud.cn/d3/db/d3db9e568c5bd2cfc6d96d1196bcae0e_400x921.png) ![](https://img.kancloud.cn/42/c1/42c171cf2d2bcd07feae3fd16907b7f3_400x890.png) **3.购物车** 用于商品结算 ![](https://img.kancloud.cn/85/b3/85b373a5a278cf205b39405063a81e52_400x921.png) **4.商城导航栏** 用于快速链接到相关页面,如拼团、秒杀活动等 详细的设置方法可参考“首页导航栏-商城导航栏”部分手册的设置方法 ![](https://img.kancloud.cn/29/b0/29b0e29868b8c52da6b79212dc34b8ab_400x890.png) **5.三个广告位** 按照从上到下分别是:商城顶部轮播图、商城首页广告位、首页精品推荐广告位。 广告位设置部分会在本手册“广告位”部分详细说明 ![](https://img.kancloud.cn/bf/59/bf59dbe086664df68ab5eb7cabea24d0_400x921.png) **6.三个栏目** 从上到下分别是:商品分类、精品推荐、首发新品 ![](https://img.kancloud.cn/dd/9e/dd9e61117b55062f53854dbef49b4472_400x922.png) ![](https://img.kancloud.cn/f5/73/f5733a2ead2a2a76bdb17004a64fadc3_400x890.png) ![](https://img.kancloud.cn/98/4e/984ec26e536e8d74bd8a1f54dbb62a2d_400x890.png)