feat 状态更改 0立即购买1演出结束

pages/opera/show/show_detail.wxml

@@ -40,8 +40,7 @@
       <view class="_icon" />演出详情
     </view>
     <view class="img1">
-      <view class="img_cac" style="{{rolled?(show_detail.detail_pic[0]?'height:1000rpx;overflow: hidden;':''):''}}"
-       >
+      <view class="img_cac" style="{{rolled?(show_detail.detail_pic[0]?'height:1000rpx;overflow: hidden;':''):''}}">
         <block wx:for="{{show_detail.detail_pic}}">
           <image class="img1_list" src="{{item}}" mode="widthFix" />
         </block>
@@ -115,8 +114,13 @@
 <van-goods-action safe-area-inset-bottom>
   <van-goods-action-icon icon="/images/ui/{{show_detail.is_follow?'liked':'like'}}.png" text="想看" bind:click="_like" />
   <van-goods-action-icon icon="/images/ui/share.png" text="分享" open-type="share" bind:click="_share" />
+  <van-goods-action-button text="演出结束" class="btn 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%)" />
+  color="linear-gradient(90deg, #FF4284 0%, #FF1D42 100%)" wx:else />
+  
+  <!-- <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> -->
 </van-goods-action>
 <view class="bottom">
 </view>
@@ -140,6 +144,7 @@
   </view>
 
   <view class="_bottom">
-  <button class="selector_dsn"  data-cur_drama="{{current}}" bindtap="_next"> {{Xshow_detail.tickets_status==0?'选座购买':'立即购买'}}</button>
+    <button class="selector_dsn" data-cur_drama="{{current}}" bindtap="_next">
+      {{Xshow_detail.tickets_status==0?'选座购买':'立即购买'}}</button>
   </view>
 </van-popup>

pages/opera/show/show_detail.wxss

@@ -4,20 +4,49 @@
   height: 0;
   color: transparent;
 }
+
+.btn {
+  /* color:"linear-gradient(90deg, #FF4284 0%, #FF1D42 100%)"  */
+  flex: 1;
+  text-align: center;
+  width: 400rpx;
+  height: 72rpx;
+  line-height: 72rpx;
+  background: linear-gradient(90deg, #FF4284 0%, #FF1D42 100%);
+  border-radius: 44rpx;
+  font-size: 28rpx;
+  color: #FFFFFF;
+  margin-right: 40rpx;
+}
+
+.btn.btn1 {
+  pointer-events: none;
+  background: linear-gradient(90deg, #cccccc 0%, #CCC 100%);
+}
+
 .nav_show {
   position: fixed;
-  top:0;    width: 100%;
-  display: flex;    justify-content: space-around;
+  top: 0;
+  width: 100%;
+  display: flex;
+  justify-content: space-around;
   background: #fff;
   box-shadow: 0 4rpx 8rpx 0 #DBDBDB;
   border-top: 2rpx solid #F8F8F7;
   border-bottom: 2rpx solid #F8F8F7;
   z-index: 99;
 }
-.topLine{text-align: center;margin: 20rpx;color: #7B7B7B;}
+
+.topLine {
+  text-align: center;
+  margin: 20rpx;
+  color: #7B7B7B;
+}
 
 .topLine.active {
-  position: relative;color: #181818;font-weight: bold;
+  position: relative;
+  color: #181818;
+  font-weight: bold;
 }
 
 .topLine.active:after {
@@ -97,18 +126,22 @@
   justify-content: space-between;
   background: #fff;
 }
+
 ._area .info .text1 {
   font-size: 28rpx;
 }
+
 ._area .info .text2 {
   font-size: 24rpx;
   margin-top: 4rpx;
   color: #7B7B7B;
 }
+
 ._block {
   background: #fff;
   margin-bottom: 20rpx;
 }
+
 ._block ._title {
   display: flex;
   align-items: center;
@@ -117,6 +150,7 @@ font-weight: bold;
   color: #181818;
   padding: 30rpx;
 }
+
 ._block ._title ._icon {
   width: 8rpx;
   height: 36rpx;
@@ -124,6 +158,7 @@ padding: 30rpx;
   border-radius: 4rpx;
   margin: 0 20rpx 0 0;
 }
+
 ._block ._flex {
   display: flex;
   white-space: nowrap;
@@ -137,16 +172,19 @@ padding: 30rpx;
   height: 360rpx;
   margin: 0 10rpx;
 }
+
 ._block .img1 {
   margin: 0 auto 0 30rpx;
   display: flex;
   flex-direction: column;
 }
+
 ._block .img1 .img1_list {
   width: 690rpx;
   vertical-align: top;
   margin-top: -1rpx;
 }
+
 ._block .roll {
   text-align: center;
   margin: 20rpx 0;
@@ -222,6 +260,7 @@ flex-direction: column;
   margin-left: 30rpx;
   color: #7B7B7B;
 }
+
 .drama_list .scroll {
   height: 400rpx;
   margin: 20rpx 0 90rpx 0;