展会

pages/tradeShow/index.js

@@ -2,6 +2,7 @@ import {
     ApiModel
 } from "../../utils/api";
 const _Http = new ApiModel();
+const handleList = require("../../utils/processingData")
 Page({
 
     /**
@@ -10,6 +11,9 @@ Page({
     data: {
         //轮播图列表
         swiperBannerList: [],
+        liveList: [], //云展会直播大厅
+        agentList: [], //热门展商
+        prodList: [], //热门展品
     },
 
     /**
@@ -26,17 +30,45 @@ Page({
         }
         /* 云展会直播大厅 */
         _Http.basic(data).then(res => {
-            console.log("云展会直播大厅", res)
+            if (res.msg != "成功") wx.showToast({
+                title: '直播大厅加载失败，请重新进入页面',
+                icon: "error",
+                duration: 5000
+            })
+            console.log("直播大厅", res)
+            const liveList = handleList.twoDimensionalArr(res.data.tlivelist, 4, 10);
+            this.setData({
+                liveList
+            })
         });
         /* 热门展商 */
         data.method = "agentList";
         _Http.basic(data).then(res => {
             console.log("热门展商", res)
+
+            if (res.msg != "成功") wx.showToast({
+                title: '热门展商加载失败，请重新进入页面',
+                icon: "error",
+                duration: 5000
+            })
+            const agentList = handleList.twoDimensionalArr(res.data, 4, 10);
+            this.setData({
+                agentList
+            })
         });
         /* 热门展品 */
         data.method = "prodList";
         _Http.basic(data).then(res => {
             console.log("热门展品", res)
+            if (res.msg != "成功") wx.showToast({
+                title: '热门展品加载失败，请重新进入页面',
+                icon: "error",
+                duration: 5000
+            })
+            const prodList = handleList.twoDimensionalArr(res.data, 6, 10);
+            this.setData({
+                prodList
+            })
         });
 
         /* 获取轮播图 */

pages/tradeShow/index.wxml

@@ -33,13 +33,14 @@
     </view>
     <!-- 标题前图片 -->
     <image slot="display-box-img" class="display-title_image" src="/static/icon-06.png" mode="aspectFit"></image>
-    <swiper class="exhibition-swiper" indicator-dots circular="true" indicator-active-color="#4DC2D4" indicator-color="#D8D8D8">
-        <swiper-item wx:for="{{3}}" class="exhibition-swiper-item">
-            <view wx:for="{{4}}" class="exhibition">
-                <image class="exhibition-img" src="/static/changeImg.png" mode="aspectFill"></image>
+    <!-- 主要展示 -->
+    <swiper class="exhibition-swiper" indicator-dots indicator-active-color="#4DC2D4" indicator-color="#D8D8D8">
+        <swiper-item wx:for="{{liveList}}" class="exhibition-swiper-item">
+            <view wx:for="{{item}}" class="exhibition">
+                <image class="exhibition-img" src="{{item.channelcoverimageurl}}" mode="aspectFill"></image>
                 <view class="exhibition-bottom">
-                    <view class="exhibition-bottom-title">65421</view>
-                    <view class="exhibition-bottom-data">185</view>
+                    <view class="exhibition-bottom-title">{{item.fbrand}}</view>
+                    <view class="exhibition-bottom-data">{{item.fcustcount}}</view>
                 </view>
             </view>
         </swiper-item>
@@ -56,13 +57,14 @@
     </view>
     <!-- 标题前图片 -->
     <image slot="display-box-img" class="display-title_image" src="/static/icon-04.png" mode="aspectFit"></image>
-    <swiper class="exhibition-swiper" indicator-dots circular="true" indicator-active-color="#4DC2D4" indicator-color="#D8D8D8">
-        <swiper-item wx:for="{{3}}" class="exhibition-swiper-item">
-            <view wx:for="{{4}}" class="exhibition">
-                <image class="exhibition-img" src="/static/changeImg.png" mode="aspectFill"></image>
+    <!-- 展示 -->
+    <swiper class="exhibition-swiper" indicator-dots indicator-active-color="#4DC2D4" indicator-color="#D8D8D8">
+        <swiper-item wx:for="{{agentList}}" class="exhibition-swiper-item">
+            <view wx:for="{{item}}" class="exhibition">
+                <image class="exhibition-img" src="{{item.attinfos[0].fobsurl}}" mode="aspectFill"></image>
                 <view class="exhibition-bottom">
-                    <view class="exhibition-bottom-title">65421</view>
-                    <view class="exhibition-bottom-data">185</view>
+                    <view class="exhibition-bottom-title">{{item.fbrand}}</view>
+                    <view class="exhibition-bottom-data">{{item.flocationclass}}</view>
                 </view>
             </view>
         </swiper-item>
@@ -72,8 +74,11 @@
 <My_DisplayBox title="热门商品" isMore="{{false}}">
     <!-- 标题前图片 -->
     <image slot="display-box-img" class="display-title_image" src="/static/icon-04.png" mode="aspectFit"></image>
-    <My_VerticalBox></My_VerticalBox>
-    <view style="height: 10rpx;"></view>
-    <My_VerticalBox></My_VerticalBox>
-    <view style="height: 10rpx;"></view>
+    <swiper indicator-active-color="#4DC2D4" indicator-color="#D8D8D8">
+        <My_VerticalBox></My_VerticalBox>
+        <view style="height: 10rpx;"></view>
+        <My_VerticalBox></My_VerticalBox>
+        <view style="height: 10rpx;"></view>
+    </swiper>
+
 </My_DisplayBox>

pages/tradeShow/index.wxss

@@ -39,7 +39,6 @@
 
 .exhibition-swiper-item {
     display: flex;
-    justify-content: space-around;
     flex-wrap: wrap;
     height: 650rpx !important;
 }
@@ -55,6 +54,11 @@
     border-radius: 10rpx;
     border: 2rpx solid rgba(0, 0, 0, 0.05);
     overflow: hidden;
+    margin-right: 10rpx;
+}
+
+.exhibition:nth-child(2n){
+    margin-right: 0;
 }
 
 .exhibition-img {