怎么设置小程序的banner?
正在开发一个商城类的小程序,现在有一个比较棘手的就是需要可以在后台设置banner,然后做跳转,跳转到对应的页面去,这个现在怎么实现?如果使用链接跳转怎么获取跳转链接?
4 回复
目测你问得太早;
从你的文字中可以判断:
1、组件navigator,你不懂,这属于入门知识了;
2、wxml语法你不熟;因为看文字,你不知道从后台拿到数据后如何展示;
3、swiper组件你也不熟;
4、不知道如何跳转,那么可能是不懂小程序页面结构,不懂wx.navigateTo;
。。。
慢慢学吧,基本知识先补全。
你后台配置 前端获取的时候加个跳转链接不就好了么。不行还有高级版的万能跳转。
<swiper wx:for="{{bannerList}}" wx:key="index">
<view bindtap="handleClick" data-url="{{item.url}}">
<image src="{{item.banner}}" mode="widthFix" />
</view>
</swiper>
data: {
bannerList: [{
banner: 'https://xxxx/xxx.png', // banner图片
url: '/pages/xxx/xxx' // 跳转链接
},{
banner: 'https://xxxx/xxx.png', // banner图片
url: '/pages/xxx/xxx' // 跳转链接
}]
},
handleClick(e) {
const { dataset: {url}} = e.currentTarget
wx.navigateTo({
url
})
}