文章目录

起步
tabBar
- 创建 tabBar 分支
- 创建 tabBar 页面
- 配置 tabBar 效果
- 删除默认的 index 首页
- 修改导航条的样式效果
- 分支的提交与合并
首页
- 1. 创建 home 分支
- 2. 配置网络请求
- - 配置请求根路径，请求拦截器和响应拦截器
  - 封装uni.$showMsg（）方法
- 3. 轮播图区域
- - 获取轮播图的数据
  - 渲染轮播图
  - 配置小程序分包
  - 点击轮播图跳转到商品详情页面
- 4. 分类导航区域
- - 获取数据
  - 渲染结构
  - 点击第一项，切换到分类页面
- 5. 楼层区域
- - 获取楼层数据
  - 渲染楼层的标题
  - 渲染楼层里的图片
  - 点击楼层图片跳转到商品列表页
- 6. 分支的合并与提交
分类
- 1. 创建 cate 分支
- 2. 渲染分类页面的基本结构
- - 动态计算窗口的剩余高度
  - 美化页面结构
- 3. 获取分类数据
- 4. 动态渲染左侧的一级分类列表
- - 循环渲染列表结构
  - 渲染当前选中项
- 5. 动态渲染右侧的二级分类列表
- 6. 动态渲染右侧的三级分类列表
- 7. 切换一级分类后重置滚动条的位置
- 8. 点击三级分类跳转到商品列表页面
- 9. 分支的合并与提交
搜索
- 1. 创建 search 分支
- 2. 自定义搜索组件
- - 自定义 my-search 组件
  - 通过自定义属性增强组件的通用性
  - 为自定义组件封装 click 事件
  - 实现首页搜索组件的吸顶效果
- 2. 搜索建议

黑马优购：起步看这个--------->>>>>> https://www.escook.cn/docs-uni-shop/

起步

⭐uni-app 品优购开发文档
https://www.escook.cn/docs-uni-shop/#tabbar-%E7%9B%B8%E5%85%B3%E7%9A%84%E9%A1%B5%E9%9D%A2

了解 uni-app
uni-app 是一个使用 Vue.js 开发所有前端应用的框架。开发者编写一套代码，可发布到 iOS、Android、H5、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。

详细的 uni-app 官方文档，请翻阅 https://uniapp.dcloud.net.cn/
下载 HBuilderX
uni-app 官方推荐使用 HBuilderX 来开发 uni-app 类型的项目。

HBuilderX 的官网首页 https://www.dcloud.io/hbuilderx.html
安装 scss/sass 编译
为了方便编写样式（例如：），建议安装插件。插件下载地址：<style lang="scss"></style> scss/sass 编译

下载 scss/sass ： https://ext.dcloud.net.cn/plugin?name=compile-node-sass
新建uni-app项目
模板选择 uni-ui 项目
了解目录结构
把项目运行到微信开发者工具（具体看最最最最上面

小程序 | 黑马商城【未更完--实习去了】相关推荐
1. 微信小程序分析送积分功能如何实现_微信小程序积分商城解决方案（一）
  概念微信小程序积分商城的"积分商城"概念,是指的用户访问微信小程序经过授权用户信息或是验证注册的用户加入会员,基于微信APP环境使用微信支付等工具进行交易,推出的一种会员奖励计划 ...
2. [宝塔版] 如何搭建一个微信小程序开源商城？
  如果你想做一个微信小程序商城,或者H5网页商城以及开源APP商城,你可以参考这篇文章希望能帮到你,文章主要的内容是关于云服务器安装宝塔的相关资料和来客推电商开源系统的相关配置,有相关基础的小伙伴那阅读 ...
3. 教你几招玩转小程序分销商城
  2019独角兽企业重金招聘Python工程师标准>>> 自从微信小程序出现后,不断在开放更多接口,尤其是微信小程序可以和公众号密切关联的消息,给各企业商机带来了新的契机,同时也使微商 ...
4. 小程序分销商城系统八大功能都有哪些？一起来了解吧
  首先小程序分销商城系统我们在开发过程中大致开发的功能模块一共有8大模块,分别是:商品模块,店铺装修模块,会员模块,订单模块,营销模块,统计模块,应用模块,设置模块. 商品模块: 实物商品:已经审核通过 ...
5. 微信小程序购物商城系统开发系列-工具篇
  微信小程序购物商城系统开发系列-工具篇微信小程序开放公测以来,一夜之间在各种技术社区中就火起来啦.对于它估计大家都不陌生了,对于它未来的价值就不再赘述,简单一句话:可以把小程序简单理解为一个新的操 ...
6. [转]微信小程序之购物车 —— 微信小程序实战商城系列（5）
  本文转自:http://blog.csdn.net/michael_ouyang/article/details/70755892 续上一篇的文章:微信小程序之商品属性分类 -- 微信小程序实战商城 ...
7. 积分商城开发及小程序积分商城功能介绍
  什么是积分商城? 积分商城是一种在线购物平台,用户可以通过完成特定任务或消费获得积分,然后使用积分在商城中兑换商品或服务.积分商城常常被用于奖励用户,促进用户参与和消费,提高用户忠诚度.积分商城通常提 ...
8. 微信小程序分析送积分功能如何实现_微信小程序积分商城该怎么进行操作？
  共享经济是我们这个时代特有的产物,但是现在已经出现下滑的趋势,作为线上营销的卖家,想要实现线上经济共享,还需要一定的手段才能实现,这种手段就是微信小程序积分商城,今天来带大家了解一下. 1.小程序积分 ...
9. 小程序分销商城开发功能
  电商小程序,商城小程序,卖货小程序,供应商入驻小程序平台,小程序系统,软件,平台,功能,搭建,开发软件定制开发陈洋150/1315/1740(微/电) 面对互联网浪潮的冲击,我们不畏惧.不退缩 ...
最新文章
热门文章

小程序 | 黑马商城【未更完--实习去了】

文章目录

起步

小程序 | 黑马商城【未更完--实习去了】相关推荐

最新文章

热门文章