| | |
| | | <view class=" home-banner-imgs"> |
| | | <view class="flex" v-if="list&&list.length>=3"> |
| | | <view class="flex1 m-r-5"> |
| | | <image class="p1 img100" :src="list[0].url" mode="scaleToFill" @click="previewImg(list[0].url)"> |
| | | <image class="p1 img100" :src="list[0].url" mode="scaleToFill" @click="toDetail(list[0])"> |
| | | </image> |
| | | </view> |
| | | <view class="flex1 m-l-5"> |
| | | <image class="p2 img100" :src="list[1].url" mode="scaleToFill" @click="previewImg(list[1].url)"> |
| | | <image class="p2 img100" :src="list[1].url" mode="scaleToFill" @click="toDetail(list[1])"> |
| | | </image> |
| | | <image class="p3 img100" :src="list[2].url" mode="scaleToFill" @click="previewImg(list[2].url)"> |
| | | <image class="p3 img100" :src="list[2].url" mode="scaleToFill" @click="toDetail(list[2])"> |
| | | </image> |
| | | </view> |
| | | </view> |
| | | <view class="flex l-2" v-else-if="list&&list.length>=2" mode="scaleToFill"> |
| | | <view class="flex1 m-r-5"> |
| | | <image class="p1 img100" :src="list[0].url" mode="scaleToFill" @click="previewImg(list[0].url)"> |
| | | <image class="p1 img100" :src="list[0].url" mode="scaleToFill" @click="toDetail(list[0])"> |
| | | </image> |
| | | </view> |
| | | <view class="flex1 m-l-5"> |
| | | <image class="p1 img100" :src="list[1].url" mode="scaleToFill" @click="previewImg(list[1].url)"> |
| | | <image class="p1 img100" :src="list[1].url" mode="scaleToFill" @click="toDetail(list[1])"> |
| | | </image> |
| | | </view> |
| | | </view> |
| | | <view class="flex l-1" v-else-if="list&&list.length>=1" mode="scaleToFill"> |
| | | <view class="flex1 m-r-5"> |
| | | <image class="p1 img100" :src="list[0].url" mode="scaleToFill" @click="previewImg(list[0].url)"> |
| | | <image class="p1 img100" :src="list[0].url" mode="scaleToFill" @click="toDetail(list[0])"> |
| | | </image> |
| | | </view> |
| | | </view> |
| | |
| | | } |
| | | console.log(this.list) |
| | | } |
| | | }, |
| | | toDetail(item) { |
| | | uni.navigateTo({ |
| | | url: `/pages/advertising/advertising?id=${item.id}` |
| | | }) |
| | | } |
| | | }, |
| | | async mounted() { |