优化小程序

pages.json

@@ -57,8 +57,8 @@
 		"list": [
 			{
 				"name": "单页面", //模式名称
-				"path": "pages/files/index", //启动页面，必选
-				"query": "id=14" //启动参数，在页面的onLoad函数里面得到
+				"path": "pages/exhibitor/detail", //启动页面，必选
+				"query": "id=134" //启动参数，在页面的onLoad函数里面得到
 			}
 		]
 	}

pages/exhibitor/detail.vue

@@ -61,6 +61,34 @@
         <u-panel title="展商活动">
           <activity-recommend recommend-type="detail" :exhibitorId="exhibitorId"/>
         </u-panel>
+        <view class="exhibitor-module">
+          <view class="exhibitor-title">
+            {{ exhibitor.name_zh_cn }}<br>
+            {{ exhibitor.name_en_us }}
+          </view>
+          <view class="exhibitor-module-info">
+            <view class="exhibitor-info-left">
+              <text class="title">
+                探索我们的更多服务
+              </text>
+              <view class="website">
+                <view class="iconfont icon-World"></view>
+                <text>{{ exhibitor.website }}</text>
+              </view>
+            </view>
+            <view class="exhibitor-info-right" v-if="exhibitor.wechat_qrcode">
+                <image mode="aspectFit" show-menu-by-longpress :src="exhibitor.wechat_qrcode" alt="qrcode"></image>
+            </view>
+          </view>
+          <view class="exhibitor-hall-booth">
+            <view class="title">
+              我们的展位号
+            </view>
+            <view class="content">
+              {{exhibitor.hall}}  {{exhibitor.booth_no}}
+            </view>
+          </view>
+        </view>
         <view class="click-more">
           <van-button type="primary" @click="navigateTo('/pages/index/index?tab=exhibitor')">点击查看更多展商信息</van-button>
         </view>

static/style/pages/exhibitor-detail.scss

@@ -1,7 +1,8 @@
 .main-container {
   padding-bottom: 150rpx;
 }
-  .exhibitor-detail {
+
+.exhibitor-detail {
   .exhibitor-tags {
     display: flex;
     align-items: flex-start;
@@ -50,6 +51,7 @@
     z-index: 7;
     justify-content: flex-end;
     border-top: 1px solid #eeeeee;
+
     .exhibitor-action {
       display: grid;
       grid-template-columns: 1fr 1fr 1fr 1fr;
@@ -57,6 +59,7 @@
       color: #555555;
       grid-gap: 45rpx;
       width: 100%;
+
       & > view {
         display: flex;
         align-items: center;
@@ -84,4 +87,69 @@
       z-index: 7;
     }
   }
+  .exhibitor-module {
+    background-color: #ffffff;
+      .exhibitor-title {
+        font-size: 46rpx;
+        line-height: 1.5;
+        padding: 40rpx 40rpx 0 40rpx;
+      }
+    .exhibitor-module-info {
+      display: flex;
+      padding: 0 40rpx 40rpx 40rpx;
+      align-items: center;
+      grid-gap: 20rpx;
+      .exhibitor-info-left {
+        flex: 1;
+        min-width: 1rpx;
+        .title {
+          font-weight: bold;
+          font-size: $fontSize5;
+          color: #7d7d7d;
+        }
+        .website {
+          color: #e57519;
+          margin-top: 12rpx;
+          font-size: $fontSize5;
+          display: flex;
+          align-items: start;
+          grid-gap: 10rpx;
+          .iconfont {
+            margin-top: 6rpx;
+            font-size: $fontSize5;
+          }
+          text {
+            font-size: $fontSize4;
+            word-break: break-word;
+            text-decoration: underline;
+          }
+        }
+      }
+      .exhibitor-info-right {
+        image {
+          width: 250rpx;
+          height: 250rpx;
+        }
+      }
+    }
+    .exhibitor-hall-booth {
+      background-color: #e57519;
+      text-align: center;
+      color: #ffffff;
+      display: flex;
+      flex-direction: column;
+      grid-gap: 32rpx;
+      min-height: 420rpx;
+      justify-content: center;
+      align-items: center;
+      .title {
+        font-size: 60rpx;
+      }
+      .content {
+        font-size: 90rpx;
+        font-weight: bold;
+      }
+    }
+
+  }
 }