小程序轮播图渲染和页面详情渲染

step1

给每个商品加个跳转路径,且给每个商品赋予了一个id号码
在这里插入图片描述
只要登录上去,这个id就出来了,把原来的页面参数改成了接口的goods_id
在这里插入图片描述
用es7的语法 拿到了数据
在这里插入图片描述
在这里插入图片描述

其实我也不是很了解这个async await的用处

async和await的mdn文档说明,改日再看,害

然后

设置。赋值操作
在这里插入图片描述

动态渲染

这是大体 的框架
在这里插入图片描述

然后是less的修改
在这里插入图片描述

添加三个特性->自动播放 衔接 显示点
在这里插入图片描述

在这里插入图片描述

轮播图渲染出来了

标题step3

这个步骤的主要目标是要做商品详情

在这里插入图片描述

在这里插入图片描述
这是他们的比例
在这里插入图片描述

再来一个样式的美化
在这里插入图片描述

效果图如下

在这里插入图片描述

发布了60 篇原创文章 · 获赞 18 · 访问量 5234

猜你喜欢

转载自blog.csdn.net/szuwaterbrother/article/details/105390831