2021年6月29日
摘要: 商品参数信息在返回data中的分布也很松散,将它们整合为一个类GoodsParam,然后将数据保存在GoodsParam的实例paramsInfo中,发送给子组件DetailParamsInfo: export class GoodsParam{ constructor(info,rule) { t 阅读全文
posted @ 2021-06-29 23:28 springxxxx 阅读(79) 评论(0) 推荐(0) 编辑
摘要: 和之前一样,我们将该组件要使用的数据封装进一个Shop类: this.shop = new Shop(data.shopInfo); export class Shop{ constructor(shopInfo){ this.logo = shopInfo.shopLogo this.name = 阅读全文
posted @ 2021-06-29 18:01 springxxxx 阅读(111) 评论(0) 推荐(0) 编辑
摘要: 由于有现成的Swiper, SwiperItem可以使用,所以DetailSwiper的实现非常简单。 首先获取轮播图片的数组topImages,数组中存放的是一张张图片的url。 this.topImages = data.itemInfo.topImages; 然后将topImages发送给子组 阅读全文
posted @ 2021-06-29 17:11 springxxxx 阅读(70) 评论(0) 推荐(0) 编辑
摘要: 我们在前面将每件商品的信息传给了GoodsListItem组件,保存在goodsItem变量中。并且每件商品有一个唯一的标识符iid。当点击该商品后,会跳转到该商品的详情页。所有的详情页使用同一个组件Detail,今天我们来回顾一下Detail组件的开发过程。 首先需要配置路由,由于Detail组件 阅读全文
posted @ 2021-06-29 16:45 springxxxx 阅读(195) 评论(0) 推荐(0) 编辑