购物街项目(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 指令进行遍历实现数据的渲染,并完成组件样式
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。