xuxueyang
2024-07-30 1fb44496929548b4f07b37796d506dedc494d44a
pages/home/components/home-banner-imgs.vue
@@ -2,29 +2,29 @@
   <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">
            <image class="p1 img100" :src="list[0].url" mode="scaleToFill" @click="previewImg(list[0].url)">
            </image>
         </view>
         <view class="flex1 m-l-5">
            <image class="p2 img100" :src="list[1].url" mode="scaleToFill">
            <image class="p2 img100" :src="list[1].url" mode="scaleToFill" @click="previewImg(list[1].url)">
            </image>
            <image class="p3 img100" :src="list[2].url" mode="scaleToFill">
            <image class="p3 img100" :src="list[2].url" mode="scaleToFill" @click="previewImg(list[2].url)">
            </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">
            <image class="p1 img100" :src="list[0].url" mode="scaleToFill" @click="previewImg(list[0].url)">
            </image>
         </view>
         <view class="flex1 m-l-5">
            <image class="p1 img100" :src="list[1].url" mode="scaleToFill">
            <image class="p1 img100" :src="list[1].url" mode="scaleToFill" @click="previewImg(list[1].url)">
            </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">
            <image class="p1 img100" :src="list[0].url" mode="scaleToFill" @click="previewImg(list[0].url)">
            </image>
         </view>
      </view>
@@ -42,12 +42,13 @@
         const {
            data,
            code
         } = await this.$http.request('get', '/api/pub/banner/list', {
         } = await this.$http.request('get', '/api/pub/advertisement/list', {
         })
         if (code === 0) {
            this.list = data || []
            for(var item of this.list){
               item.url = item.cover
               try{
                  if(item.url){
                     var t = JSON.parse(item.url)
@@ -61,6 +62,7 @@
               }catch(e){
                  // console.log('error',e)
               }
               // item.url = item.cover
            }
            console.log(this.list)
         }