图片展示

config.js

@@ -1,6 +1,6 @@
 const config = {
-  api_url: 'http://192.168.52.42:8080/fqsb', // 服务器地址
+  // api_url: 'http://10.10.11.199:7101/fqsb', // 服务器地址
-  // api_url: 'https://shibeirencai.elinkit.com.cn:7101/fqsb' // 正式环境
+  api_url: 'https://shibeirencai.elinkit.com.cn:7101/fqsb' // 正式环境
   // api_url: 'https://dingoa.elinkit.com.cn/fqsb', // 测试环境
 }
 export { config }

pages/billboards/park/index.wxml

@@ -1,5 +1,5 @@
 <!--pages/billboards/park/index.wxml-->
 <view class="container">
   <image bindtap="onClickItem" data-code="park-lgqm" data-title="六个千亩产业聚集区" class="billboard_item" src="{{img1}}"></image>
-  <image bindtap="detail" data-code="abbc5afa5e21f4452d38c3d5192e3399" data-title="RCEP实验基地" class="billboard_item" src="{{img2}}"></image>
+  <image bindtap="detail" data-code="abbc5afa5e21f4452d38c3d5192e3399" data-title="RCEP试验基地" class="billboard_item" src="{{img2}}"></image>
 </view>

pages/service/detail/detail.js

@@ -16,7 +16,8 @@ Page({
       code:'',
       departList:[],
       app_id:'',
-      pic:''
+      pic:'',
+      imgList:[]
     },
 
     /**
@@ -37,7 +38,8 @@ Page({
 
           this.setData({
             classify:detail.smallServer,
-            departList:detail.departList
+            departList:detail.departList,
+            imgList:detail.imgList
           })
           
       })
@@ -143,5 +145,13 @@ Page({
     },
     onClose:function(){
       this.setData({ show: false });
+    },
+    previewImage:function(e){
+      var current = e.target.dataset.src;
+      var th = this;
+      wx.previewImage({
+        current: current, // 当前显示图片的http链接  
+        urls: e.target.dataset.arr // 需要预览的图片http链接列表  
+      })
     }
 })

pages/service/detail/detail.wxml

@@ -37,6 +37,15 @@
     </view>
 </view>
 
+<view class="card" wx:if="{{imgList.length > 0}}"> 
+    <view class="imgBox">
+        <block wx:for="{{imgList}}">
+            <image src="{{item}}" data-src="{{item}}" data-arr="{{imgList}}" bindtap="previewImage"></image>
+        </block>
+    </view>
+    
+</view>
+
 <block wx:if="{{code != 'poaz' && code != 'mrt' && code != 'jgtc'}}">
     <view class="publish" bindtap="onTap">
     <!-- <image src="/images/topic/publish.png"></image> -->

pages/service/detail/detail.wxss

@@ -102,3 +102,10 @@ page{
     justify-content: center;
     font-size: 12px;
 }
+
+.imgBox{
+    width:100%;
+    display: flex;
+    
+}
+