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

五十六 点击分享微信聊天操作五十六 点击分享微信聊天操作五十六 点击分享微信聊天操作五十六 点击分享微信聊天操作五十六 点击分享微信聊天操作五十六 点击分享微信聊天操作五十六 点击分享微信聊天操作五十

点击商品事件，将id传递过去 后端接口： 前端接口请求数据方法 前端渲染商品详情数据 5. 后端设置接口跨域：

修改返回键的默认行文修改返回键的默认行文修改返回键的默认行文修改返回键的默认行文修改返回键的默认行文修改返回键的默认行文修改返回键的默认行文修改返回键的默认行文修改返回键的默认行文修改返回键的默认行文

加减组件，直接新建一个项目后去里面复制出来使用，可能需要重启编辑器，进行安装必要的依赖包 里面的一个uni-number-box组件，复制出来后直接引用，就是加减组件 注意引入uniapp的组件后，注

底部动画效果，有一个内容蒙层 和一个白色背景 可以划出来 划回去 2.蒙层动画处理 固定蒙层，不让里层的内容可以滑动 完整代码：

五十一 商品详情页底部布局五十一 商品详情页底部布局五十一 商品详情页底部布局五十一 商品详情页底部布局五十一 商品详情页底部布局五十一 商品详情页底部布局五十一 商品详情页底部布局五十一 商品详情页

五十 商品详情页 内容布局五十 商品详情页 内容布局五十 商品详情页 内容布局五十 商品详情页 内容布局五十 商品详情页 内容布局五十 商品详情页 内容布局五十 商品详情页 内容布局五十 商品详情页五

首页点击商品 创建商品详情页面，给一个高度，测试滑动的时候有渐变 page.json中配置商品详情页相关内容

左侧列表的数据渲染 2. 右侧列表数据渲染 切换左侧列表，让右侧数据展示对应的内容 list完整代码

四十七 商品分类获取高度和点击添加样式四十七 商品分类获取高度和点击添加样式四十七 商品分类获取高度和点击添加样式四十七 商品分类获取高度和点击添加样式四十七 商品分类获取高度和点击添加样式四十七 商

四十六 商品分类内容布局四十六 商品分类内容布局四十六 商品分类内容布局四十六 商品分类内容布局四十六 商品分类内容布局四十六 商品分类内容布局四十六 商品分类内容布局四十六 商品分类内容布局四十六四

四十五 （后端）商品分类页 - 构建商品分类页数据四十五 （后端）商品分类页 - 构建商品分类页数据四十五 （后端）商品分类页 - 构建商品分类页数据四十五 （后端）商品分类页 - 构建商品分

四十四 商品分类页 - 顶栏完成四十四 商品分类页 - 顶栏完成四十四 商品分类页 - 顶栏完成四十四 商品分类页 - 顶栏完成四十四 商品分类页 - 顶栏完成四十四 商品分类页 - 顶栏完成四十四

四十三 前端 搜索的商品内容：按价格升序 降序 或 按折扣升序 降序四十三 前端 搜索的商品内容：按价格升序 降序 或 按折扣升序 降序四十三 前端 搜索的商品内容：按价格升序 降序 或 按折扣升序四

对搜索接口进行请求和展示 将搜索历史记录点击可以进行跳转搜索内容对搜索接口进行请求和展示 将搜索历史记录点击可以进行跳转搜索内容对搜索接口进行请求和展示 将搜索历史记录点击可以进行跳转搜索内容对搜索接

记得先在后端安装mysql 编写后端查询数据接口记得先在后端安装mysql 编写后端查询数据接口记得先在后端安装mysql 编写后端查询数据接口记得先在后端安装mysql 编写后端查询数据接口记得先在

url进行传值，传递搜索的关键字 接收url传递过来的关键字 接收组件传递过来的关键字url进行传值，传递搜索的关键字 接收url传递过来的关键字 接收组件传递过来的关键字url进行传值，传递搜索的关

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

三十八 搜索词记录，数组去重，排序，进行本地存储的读取展示三十八 搜索词记录，数组去重，排序，进行本地存储的读取展示三十八 搜索词记录，数组去重，排序，进行本地存储的读取展示三十八 搜索词记录，数组去

三十七 搜索关键词判断 和隐藏键盘三十七 搜索关键词判断 和隐藏键盘三十七 搜索关键词判断 和隐藏键盘三十七 搜索关键词判断 和隐藏键盘三十七 搜索关键词判断 和隐藏键盘三十七 搜索关键词判断 和隐藏