P184-详情页商品信息+商家信息

一、商品信息的展示

1.应将所有数据整合成一个对象，

network/detail.js

 

 Detail.vue

 2. 封装一个独立的组件

views/detail/childComps/DetailBaseInfo.vue

 

 二、商家信息的展示

1.应将所有数据整合成一个对象，

network/detail.js

  Detail.vue

 

 2. 封装一个独立的组件

views/detail/childComps/DetailShopInfo.vue

写样式

 在Deatil.vue中引入

 

 绑定组件

 

问题一：在详情页不需要展示  首页、分类、我的、购物车

 原因是下面的导航栏脱离了标准流，所以覆盖了

在Detail.vue里面

 问题二：引入better-scroll滚动

1.

 2.

 

 三、商品详情数据展示

1.数据不多，所以不需要整合，只要定义一个对象

Detail.vue

 view/detail/childComps/DetailGoodsInfo

 在Detail.vue 监听发出的事件，然后刷新高度

 

 

 

四、商品参数信息的展示

1.依然是整合数据

network/detail.js

 Detail.vue

 

 2.写好样式  view/detail/childComps/DetailParamInfo

 

五、六还剩下评论和参数要自己做

标签：P184,商品信息,network,vue,展示,childComps,Detail,detail,详情页
来源： https://blog.csdn.net/m0_51414342/article/details/122288219