feat 分享剧照

app.json

@@ -33,7 +33,8 @@
     "pages/user/wallet/code_exchange/code_exchange",
     "pages/user/viewer_list/viewer_list",
     "pages/index/calendar/calendar",
-    "pages/index/city/selectcity"
+    "pages/index/city/selectcity",
+    "pages/opera/stage/stage_photo"
   ],
   "usingComponents": {
     "van-icon": "@vant/weapp/icon/index",

config.js

@@ -136,8 +136,10 @@ const router_list = [
   {
     id: 34,
     router_name: "pages/index/city/selectcity"
-
-
+  },
+  {
+    id: 35,
+    router_name: "pages/opera/stage/stage_photo"
   },
 ]
 module.exports = {

pages/index/search/search.js

@@ -89,7 +89,7 @@ Page({
 
   nav(e) {
     wx.navigateTo({
-      url: '/pages/opera/IP_detail/IP_detail?abb_id=' + e.currentTarget.dataset.abb_id
+      url: '/pages/opera/IP_detail/IP_detail?=' + e.currentTarget.dataset.abb_id
     })
   },
   nav1(e) {

pages/opera/show/show_detail.js

@@ -75,8 +75,7 @@ previewMedia(e) {
     if (login_check()) {
       let status
       let follow = false
-      if('undefined' !== typeof(this.data.show_detail.is_follow))
-      {
+      if ('undefined' !== typeof (this.data.show_detail.is_follow)) {
         follow = this.data.show_detail.is_follow
       }
       let abb_id = this.data.show_detail.abb_id
@@ -94,12 +93,14 @@ previewMedia(e) {
             icon: 'success',
             title: '已添加到想看的演出列表',
             duration: 2000
-          })}else    if( status == 0){
+          })
+        } else if (status == 0) {
           wx.showToast({
             icon: 'success',
             title: '已取消想看',
             duration: 2000
-            })}
+          })
+        }
         let show_detail = this.data.show_detail
         show_detail.is_follow = !show_detail.is_follow
         this.setData({ show_detail })
@@ -141,6 +142,13 @@ previewMedia(e) {
       url
     })
   },
+  stage_click() {
+    let { abb_id } = this.data.Xshow_detail
+    wx.navigateTo({
+      url: '/pages/opera/stage/stage_photo?abb_id='+abb_id,
+    })
+ 
+  },
   /**
    * 生命周期函数--监听页面加载
    */
@@ -162,6 +170,7 @@ previewMedia(e) {
         Xshow_detail: res.show_detail
       })
     })
+
     if (cycle_id) {
       http("/api/v1/show-detail", "get", {
         cycle_id
@@ -171,6 +180,7 @@ previewMedia(e) {
           suggest_show: res.suggest_show
         })
       })
+
     } else {
       wx.showToast({
         title: '未传入轮次id',
@@ -179,6 +189,7 @@ previewMedia(e) {
       })
 
     }
+
   },
 
   swith_tab: function (e) {
@@ -211,7 +222,8 @@ previewMedia(e) {
         }
       }
       if (a) {
-this.setData({swith_area:a})}
+        this.setData({ swith_area: a })
+      }
     })
     if (ev.scrollTop > windowHeight) {
       this.setData({

pages/opera/show/show_detail.wxml

@@ -34,7 +34,9 @@
     <van-icon name="/images/ui/location.png" size="30" data-longitude="{{show_detail.longitude}}"
       data-latitude="{{show_detail.latitude}}" bind:click="loc" />
   </view>
-  <view class="coupon" bindtap="tabcoupon" wx:if="{{show_detail.mini_coupon_status==3||show_detail.mini_coupon_status==1}}" data-router='{{show_detail.mini_coupon_activity_id}}'>
+  <view class="coupon" bindtap="tabcoupon"
+    wx:if="{{show_detail.mini_coupon_status==3||show_detail.mini_coupon_status==1}}"
+    data-router='{{show_detail.mini_coupon_activity_id}}'>
     <!-- <image src="../../../images/ui/couponpic.png" alt=""/> -->
     <image src="{{show_detail.mini_coupon_img}}" alt="" mode="widthFix" />
   </view>
@@ -61,11 +63,12 @@
         <block wx:if="{{item.type=='image'}}">
           <image class="_img" src="{{item.url}}" data-index="{{index}}" bindtap="previewMedia" />
         </block>
-        <block wx:if="{{item.type=='video'}}"><video poster="{{item.video_pic_url}}" class="_img" src="{{item.url}}" bindplay="bindPlayCallBack"
-            id="video_{{index}}" /></block>
+        <block wx:if="{{item.type=='video'}}"><video poster="{{item.video_pic_url}}" class="_img" src="{{item.url}}"
+            bindplay="bindPlayCallBack" id="video_{{index}}" /></block>
       </block>
-
     </scroll-view>
+    <view class="roll" bindtap="stage_click">查看更多</view>
+
   </view>
 
   <view class="_block" id="nav3">
@@ -120,8 +123,8 @@
   <van-goods-action-button text="演出结束" class="btn{{show_detail.is_end}}"
     color="linear-gradient(90deg, #CCC 0%, #CCC 100%)" wx:if="{{show_detail.is_end==1}}" />
 
-  <van-goods-action-button text="立即购买"  bind:click="show_select"
-  color="linear-gradient(90deg, #FF4284 0%, #FF1D42 100%)" wx:if="{{show_detail.is_end==0}}" />
+  <van-goods-action-button text="立即购买" bind:click="show_select" color="linear-gradient(90deg, #FF4284 0%, #FF1D42 100%)"
+    wx:if="{{show_detail.is_end==0}}" />
 
   <!-- <view class="btn btn{{show_detail.is_end}}" wx:if="{{show_detail.is_end==1}}">演出结束</view>
   <view class="btn btn{{show_detail.is_end}}"  bind:tap="show_select"  wx:else>立即购买</view> -->

pages/opera/show/show_detail.wxss

@@ -158,7 +158,14 @@
   height: 360rpx;
   margin: 0 10rpx;
 }
-
+.more {
+  width: 540rpx;
+  height: 360rpx;
+  text-align: center;
+  line-height: 360rpx;
+  border: 1px solid #CCC;
+  border-radius: 8rpx;
+}
 ._block .img1 {
   margin: 0 auto 0 30rpx;
   display: flex;
@@ -173,7 +180,7 @@
 
 ._block .roll {
   text-align: center;
-  margin: 20rpx 0;
+  padding: 20rpx 0;
   font-size: 24rpx;
   color: #1394F2;
 }

pages/opera/stage/stage_photo.js

@@ -0,0 +1,90 @@
+// pages/opera/stage/stage_photo.js
+import {
+  httpUtil,
+  http,
+  login_check
+} from '../../../utils/util'
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+    picture_list: [],
+    // picture_list:[
+    //   {
+    //     url:'https://mahuaimage.oss-cn-qingdao.aliyuncs.com/mini_app/video/6151925930ce307d3e76d552c946236e07918c526dc0d.jpg'
+    //   },
+    //   {
+    //     url:'https://mahuaimage.oss-cn-qingdao.aliyuncs.com/mini_app/video/6151924d6e398e1590603cd713bc3750f90be18d2c2fd.jpg'
+    //   },
+    // ],
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad: function (options) {
+    http("/api/v1/share-picture-list", "get", {
+      abb_id: options.abb_id
+    }).then(res => {
+      this.setData({
+        picture_list: res.picture_list
+      })
+    })
+  },
+  previewMedia(e) {
+    wx.previewMedia({
+      sources: this.data.picture_list,
+      current: e.currentTarget.dataset.index
+    })
+  },
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide: function () {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload: function () {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh: function () {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom: function () {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage: function () {
+
+  }
+})

pages/opera/stage/stage_photo.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "navigationBarTitleText":"分享剧照"
+}

pages/opera/stage/stage_photo.wxml

@@ -0,0 +1,8 @@
+<view class="stage_photo">
+  <view class="no" wx:if="{{picture_list.length<=0}}">暂无数据</view>
+  <view class="stage_list">
+    <view class="image" wx:for="{{picture_list}}">
+      <image src="{{item.url}}" data-index="{{index}}" bindtap="previewMedia"></image>
+    </view>
+  </view>
+</view>

pages/opera/stage/stage_photo.wxss

@@ -0,0 +1,24 @@
+/* pages/opera/stage/stage_photo.wxss */
+.no{
+  text-align: center;
+  line-height: 300rpx;
+}
+.stage_photo{
+  padding: 0 20rpx;
+}
+.stage_list{
+  display: flex;
+  flex-wrap: wrap;
+  justify-content:space-between;
+}
+.stage_list .image{
+  border-radius: 8rpx;
+  width: 330rpx;
+  height: 240rpx;
+  margin: 0rpx 10rpx 10rpx;
+  overflow: hidden;
+}
+image{
+  width: 100%;
+  height: 100%;
+}