用户登录

在首页上我想显示一组幻灯片 .. 先看一下幻灯片的数据形状 .. 幻灯片数据在 slides 里面,每个幻灯片项目都有一个 id 属性,它的值是幻灯片对应的内容的 id .. 使用这个 id 的值,我们可以在用户点了幻灯片以后,显示具体的内容页面 ..

幻灯片还有个 header ,大标题 .. sub_header 是子标题 .. description 是描述 .. image 是幻灯片上的图像 ..

打开 pages/index 下面的 index.js .. 在这个页面上我们可以显示一组幻灯片 .. 先在页面顶部得到小程序实例 .. const app = getApp() ..

然后在 Page 方法的对象参数里面,添加一个 data 属性,它是页面上的数据 .. 先添加一个 slides ,先把它的值设置成 null

下面再添加一个 onLoad .. 页面加载以后会执行这个方法 .. 里面用一下 this.setData 去设置一下页面上的数据 .. 要设置的是 slides,把对应的值设置成 app.globalData.slides ..

这样我们就可以在页面上使用 slides 里的数据了 ..

首页幻灯片:数据《 微信小程序:案例 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点