You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
137 lines
3.2 KiB
137 lines
3.2 KiB
<template> |
|
<view class="container"> |
|
<!-- 轮播图 --> |
|
<view class="home-bgi"> |
|
<swiper class="swiper" autoplay="1500" :indicator-dots="true" :circular='true' |
|
indicator-active-color="#ffffff" indicator-color="#cccccc"> |
|
<swiper-item @tap="toGoodsInfo(item.url)" class="swiper-wrap" v-for="(item,index) in banners" :key='index'> |
|
<image :src="item.imageUrl"></image> |
|
</swiper-item> |
|
</swiper> |
|
</view> |
|
|
|
<view style="display: flex;width: 98%;margin: 20rpx 11rpx;"> |
|
<view style="width: 50%;height: 235rpx;" @tap="gochegnxu(2)"> |
|
<image :src="elemeList.imageUrl" style="width: 371rpx;height: 235rpx;background-size: 100%;"> |
|
</image> |
|
</view> |
|
<view style="width: 50%;height: 235rpx;" @tap="gochegnxu(1)"> |
|
<image :src="meituanList.imageUrl" style="width: 371rpx;height: 235rpx;background-size: 100%;"> |
|
</image> |
|
</view> |
|
</view> |
|
<!-- <view style="width: 690rpx;height: 232rpx;margin: 30rpx;" @tap="gochegnxu(1)"> |
|
<image :src="meituanList.imageUrl" style="width: 100%;height: 100%;background-size: 100%;"></image> |
|
</view> |
|
<view style="width: 690rpx;height: 232rpx;margin: 30rpx;" @tap="gochegnxu(2)"> |
|
<image :src="elemeList.imageUrl" style="width: 100%;height: 100%;background-size: 100%;"></image> |
|
</view> --> |
|
</view> |
|
</template> |
|
|
|
<script> |
|
export default { |
|
data() { |
|
return { |
|
meituanList: {}, |
|
elemeList: {}, |
|
banners: [] |
|
}; |
|
}, |
|
onShow() { |
|
this.getSelectBanner(); |
|
}, |
|
methods: { |
|
// 轮播图跳转小程序 |
|
toGoodsInfo: function(url) { |
|
if (url.indexOf('/pages/') !== -1) { |
|
uni.navigateTo({ |
|
url |
|
}); |
|
} else { |
|
//#ifndef H5 |
|
uni.navigateTo({ |
|
url: '/pages/public/webview?url=' + url |
|
}); |
|
//#endif |
|
//#ifdef H5 |
|
window.location.href = url; |
|
//#endif |
|
} |
|
}, |
|
getSelectBanner() { |
|
this.$Request.getT('/banner/selectBannerList?classify=3&state=1').then(res => { |
|
if (res.code === 0) { |
|
this.banners = res.data; |
|
} |
|
}); |
|
this.$Request.getT('/banner/selectBannerList?classify=4&state=1').then(res => { |
|
if (res.code === 0) { |
|
this.meituanList = res.data[0]; |
|
} |
|
}); |
|
this.$Request.getT('/banner/selectBannerList?classify=4&state=2').then(res => { |
|
if (res.code === 0) { |
|
this.elemeList = res.data[0]; |
|
} |
|
}); |
|
}, |
|
// 点击优惠券跳转小程序 |
|
gochegnxu(classify) { |
|
if (classify == 1) { //美团 |
|
// #ifdef MP-WEIXIN |
|
uni.navigateToMiniProgram({ |
|
appId: 'wxde8ac0a21135c07d', |
|
path: this.meituanList.url, |
|
fail(res) { |
|
console.error(res) |
|
} |
|
}) |
|
// #endif |
|
} else if (classify == 2) { //饿了么 |
|
// #ifdef MP-WEIXIN |
|
uni.navigateToMiniProgram({ |
|
appId: 'wxece3a9a4c82f58c9', |
|
path: this.elemeList.url, |
|
fail(res) { |
|
console.error(res) |
|
} |
|
}) |
|
// #endif |
|
} |
|
} |
|
} |
|
}; |
|
</script> |
|
|
|
<style lang="scss"> |
|
page { |
|
width: 100%; |
|
} |
|
|
|
.container { |
|
width: 100%; |
|
|
|
.home-bgi { |
|
width: 100%; |
|
height: 320rpx; |
|
background: #FFF; |
|
|
|
.swiper { |
|
width: 100%; |
|
height: 100%; |
|
|
|
.swiper-wrap { |
|
width: 750rpx; |
|
height: 320rpx; |
|
|
|
image { |
|
width: 750rpx; |
|
height: 320rpx; |
|
} |
|
} |
|
|
|
} |
|
} |
|
} |
|
</style>
|
|
|