小程序首页轮播图获取与展示代码解析
这段代码是一个小程序的逻辑代码,主要作用是获取并展示首页轮播图。
首先使用了一个异步函数await WXAPI.banners(),该函数从服务器获取轮播图数据。如果返回的code值为700,说明没有获取到数据,此时会弹出一个提示框告知用户需要在后台添加轮播图,并且填写自定义类型为'index'。如果获取到了数据,将数据保存到data中,并使用setData方法更新页面状态。
onShow函数用于在页面显示时获取一些全局变量,如导航栏高度、窗口高度等,并将获取到的门店信息保存到data中。
总的来说,这段代码主要作用是获取轮播图数据,并在页面展示出来,同时获取了一些全局变量和门店信息。
const res1 = await WXAPI.banners('index');
if (res1.code == 700) {
Wx.showModal({
title: '提示',
content: '请在后台添加banner 轮播图片,自定义类型填写index',
showCancel: false
});
} else {
data.banners = res1.data;
this.setData(data);
}
onShow: function(e) {
this.setData({
navHeight: APP.globalData.navHeight,
navTop: APP.globalData.navTop,
windowHeight: APP.globalData.windowHeight,
menuButtonObject: APP.globalData.menuButtonObject
});
this.setData({
shopInfo: Wx.getStorageSync('shopInfo')
});
}
原文地址: https://www.cveoy.top/t/topic/oAwl 著作权归作者所有。请勿转载和采集!