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

2022/1/3 23:11:03

本文主要是介绍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-详情页商品信息+商家信息的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程