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,25 +4,54 @@
   height: 0;
   color: transparent;
 }
-.nav_show{
+
+.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.active{
-  position: relative;color: #181818;font-weight: bold;
+.topLine {
+  text-align: center;
+  margin: 20rpx;
+  color: #7B7B7B;
+}
+
+.topLine.active {
+  position: relative;
+  color: #181818;
+  font-weight: bold;
 }
 
 .topLine.active:after {
   content: " ";
-   width:1rem;
+  width: 1rem;
   height: 0.12rem;
   background: #fff;
   position: absolute;
@@ -31,7 +60,7 @@
   left: 50%;
   transform: translateX(-50%);
   background-color: #FF446B;
-  border-radius:0.12rem;
+  border-radius: 0.12rem;
 }
 
 
@@ -97,57 +126,66 @@
   justify-content: space-between;
   background: #fff;
 }
-._area .info .text1{
-font-size: 28rpx;
+
+._area .info .text1 {
+  font-size: 28rpx;
 }
-._area .info .text2{
+
+._area .info .text2 {
   font-size: 24rpx;
   margin-top: 4rpx;
   color: #7B7B7B;
-  }
-._block{
+}
+
+._block {
   background: #fff;
   margin-bottom: 20rpx;
 }
-._block ._title{
+
+._block ._title {
   display: flex;
   align-items: center;
   font-size: 16px;
-font-weight: bold;
-color: #181818;
-padding: 30rpx;
+  font-weight: bold;
+  color: #181818;
+  padding: 30rpx;
 }
-._block ._title ._icon{
+
+._block ._title ._icon {
   width: 8rpx;
   height: 36rpx;
   background: #FF446B;
   border-radius: 4rpx;
   margin: 0 20rpx 0 0;
 }
-._block ._flex{
+
+._block ._flex {
   display: flex;
   white-space: nowrap;
   margin: 0 30rpx;
   width: 690rpx;
 }
 
-  ._block ._flex ._img{
+._block ._flex ._img {
   border-radius: 8rpx;
   width: 540rpx;
   height: 360rpx;
   margin: 0 10rpx;
 }
-._block .img1{
-margin: 0 auto 0 30rpx;
-display: flex;
-flex-direction: column;
+
+._block .img1 {
+  margin: 0 auto 0 30rpx;
+  display: flex;
+  flex-direction: column;
 }
-._block .img1 .img1_list{
+
+._block .img1 .img1_list {
   width: 690rpx;
   vertical-align: top;
   margin-top: -1rpx;
 }
-._block   .roll{
+
+._block .roll {
   text-align: center;
   margin: 20rpx 0;
   font-size: 24rpx;
@@ -222,7 +260,8 @@ flex-direction: column;
   margin-left: 30rpx;
   color: #7B7B7B;
 }
-.drama_list .scroll{
+
+.drama_list .scroll {
   height: 400rpx;
   margin: 20rpx 0 90rpx 0;
 }
@@ -279,6 +318,6 @@ flex-direction: column;
   color: #FFFFFF;
 }
 
-.van-goods-action{
+.van-goods-action {
   height: 100rpx !important;
 }