项目五：uni-app企业级项目 （小鹿线P4课程项目）

完整代码：完整代码：完整代码：完整代码：完整代码：完整代码：完整代码：完整代码：完整代码：完整代码：完整代码：完整代码：完整代码：完整代码：完整代码：完整代码：完整代码：完整代码：完整代码：完整代码：

关键部分：如何切换样式，如何切换swiper index.vue关键部分：如何切换样式，如何切换swiper index.vue关键部分：如何切换样式，如何切换swiper index.vue关键部分

1 据说scroll-view里面的这个属性是无效的：show-scrollbar 2 隐藏手机滚动条的方式

重点说明：shop.vue使用commodity组件的之后，shop.vue将wrap属性传递给commodity组件来接收，注意在porps接收的时候设置默认值，这样当不传递的时候就可以使用默认值来

目录结构： 子组件接收参数之后绑定形式是这样的，注意拼接方式：调用的是公共组件 ，作用：将原来默认展示2个图片，改为展示3个了， hot.vue banner.vue

目录结构 banner.vue icons.vue目录结构 banner.vue icons.vue目录结构 banner.vue icons.vue目录结构 banner.vue icons.vue

目录结构： commodityList.vue commodity.vue目录结构： commodityList.vue commodity.vue目录结构： commodityList.vue co

![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/51cfedeb30194845bba95e297ae04b15~tplv

![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/bcad93934980470a81fb2d5e53575a6d~tplv

swiper的坑 写好一个swiper组件 在需要使用的地方引入swiper的坑 写好一个swiper组件 在需要使用的地方引入swiper的坑 写好一个swiper组件 在需要使用的地方引入

背景颜色 一：微信小程序头部制作 二：手机端的小程序头部制作背景颜色 一：微信小程序头部制作 二：手机端的小程序头部制作背景颜色 一：微信小程序头部制作 二：手机端的小程序头部制作背景颜色 一：微信小

一 问题：运行之后总是报错，需要申请一个新的appid 打开，微信扫描，获得测试id https://developers.weixin.qq.com/community/welogin?redire

项目用到的字体图标 注意 引入阿里字体图标库要采用全局路径，否则报错项目用到的字体图标 注意 引入阿里字体图标库要采用全局路径，否则报错项目用到的字体图标 注意 引入阿里字体图标库要采用全局路径，否则

![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/8f437888f306402495bb89823a4279aa~tplv

产品分析 首页模块需求分析 一 首页 二 搜索模块划分 三 商品详情 四 购物车 五 分类 六 我的 登录页面

下载 HBuilder 下载 微信开发者工具 运行项目： mac： mac：调试 Windows：下载 HBuilder 下载 微信开发者工具 运行项目： mac： mac：调试 Windows：下载