场馆门票

pages/user/order/museumOrderInfo/index.wxml

@@ -6,8 +6,13 @@
 <view class="state-text" wx:if="{{info}}">{{info.state_text}}</view>
 <view class="code-box box" wx:if="{{info && codeImgs.length>0}}">
   <view bindtap="prevCodeImg" class="iconfont icon-you-copy"></view>
-  <view wx:for="{{info.order_product_list[0].qrcode}}" wx:if="{{codeIndex==index && codeImgs[codeIndex]}}">
+  <view wx:for="{{info.order_product_list[0].qrcode}}" wx:if="{{codeIndex==index && codeImgs[codeIndex]}}" style="position: relative;">
     <image src="{{codeImgs[codeIndex]}}" mode="widthFix" style="width:300rpx;"></image>
+    <view class="text-shadow" wx:if="{{item.is_force_display_code != 1 && item.flag != 0}}">
+      <view class="text-shadow-state">
+        {{item.stateText}}
+      </view>
+    </view>
   </view>
   <view bindtap="nextCodeImg" class="iconfont icon-you"></view>
   <!-- <view class="code-img"></view> -->

pages/user/order/museumOrderInfo/index.wxss

@@ -289,4 +289,30 @@ page {
   background-size: 100% 100%;
   display: flex;
   align-items: center;
-}
+}
+
+.text-shadow {
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    margin: auto;
+    text-align: center;
+    background: rgba(0, 0, 0, .3);
+    width: 300rpx;
+    height: 300rpx;
+    /*border-radius: .3rem;*/
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 10;
+  }
+  .text-shadow-state {
+    width: 200rpx;
+    height: 200rpx;
+    line-height: 200rpx;
+    background: #FFFFFF;
+    border-radius: 50%;
+    color: #0B898E;
+  }