购物街项目(5)

六、 实现我的档案页面功能

6.1 完成顶部我的档案导航

  1. 在父组件 Profile 引入 navbar 组件来实现,注册并使用
  2. 调整组件显示样式

6.2 完成用户信息栏

  1. 创建组件 ProfileUserInfo ,在父组件 Profile 中引入、注册和使用
  2. 实现组件的样式

6.3 完成我的余额、优惠和积分

  1. 创建组件 ProfileUserAccount ,在父组件 Profile 中引入、注册和使用
  2. 使用 prop 父子组件传值的方式,将 accountList 传给子组件
  3. 再使用 v-for 指令进行遍历实现数据的渲染,并完成组件样式

6.4 完成消息、积分和会员、购物车、下载APP

  1. 创建组件 NormalListView ,在组件 Profile 中引入、注册,并使用2次
  2. 使用 prop 父子组件传值的方式,将 orderListserviceList 分别传给两个子组件的 normalList
  3. 再使用 v-for 指令进行遍历实现数据的渲染,并完成组件样式

你可能感兴趣的:(购物街项目(5))