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-详情页商品信息+商家信息的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-09“2024鸿蒙零基础快速实战-仿抖音App开发(ArkTS版)”实战课程已上线
- 2024-05-09聊聊如何通过arthas-tunnel-server来远程管理所有需要arthas监控的应用
- 2024-05-09log4j2这么配就对了
- 2024-05-09nginx修改Content-Type
- 2024-05-09Redis多数据源,看这篇就够了
- 2024-05-09Google Chrome驱动程序 124.0.6367.62(正式版本)去哪下载?
- 2024-05-09有没有大佬知道这种数据应该怎么抓取呀?
- 2024-05-09这种运行结果里的10.100000001,怎么能最快改成10.1?
- 2024-05-09企业src漏洞挖掘-有意思的命令执行
- 2024-05-08阿里云域名注册流程,分享给第一次购买域名的新手站长!