六、 实现我的档案页面功能
6.1 完成顶部我的档案导航
- 在父组件
Profile
引入navbar
组件来实现,注册并使用 - 调整组件显示样式
6.2 完成用户信息栏
- 创建组件
ProfileUserInfo
,在父组件Profile
中引入、注册和使用 - 实现组件的样式
6.3 完成我的余额、优惠和积分
- 创建组件
ProfileUserAccount
,在父组件Profile
中引入、注册和使用 - 使用
prop
父子组件传值的方式,将accountList
传给子组件 - 再使用
v-for
指令进行遍历实现数据的渲染,并完成组件样式
6.4 完成消息、积分和会员、购物车、下载APP
- 创建组件
NormalListView
,在组件Profile
中引入、注册,并使用2次 - 使用
prop
父子组件传值的方式,将orderList
、serviceList
分别传给两个子组件的normalList
- 再使用
v-for
指令进行遍历实现数据的渲染,并完成组件样式