抽奖记录

pages/luckDraw/recordPrize.wxml

@@ -5,7 +5,7 @@
       <button class="luck-draw-cz" wx:if="{{!isLogin}}" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber" >请登录</button>
       <!-- 奖品 -->
       <view class="luck-draw-content" wx:for="{{userDrawItemList}}" wx:key="index" data-id="{{item.id}}">
-        <view class="luck-draw-words">
+        <view class="luck-draw-words" wx:if="{{item.isHit == 1}}">
           <view class="luck-draw-discount1">
             <view class="luck-draw-zkz4">{{item.goodsName}}</view>
             <image class="luck-draw-zkz5" src="/images/luck-draw/recordPrize.png" />
@@ -15,8 +15,19 @@
             <view class="luck-draw-zkz3">{{item.createTime}}</view>
           </view>
         </view>
+
+        <view class="luck-draw-words1" wx:if="{{item.isHit != 1}}">
+          <view class="luck-draw-discount12">
+            <view class="luck-draw-zkz42">很遗憾没有中奖</view>
+            <image class="luck-draw-zkz52" src="/images/luck-draw/prizeNo.png" />
+          </view>
+          <view class="luck-draw-discount2">
+            <view class="luck-draw-zkz1">很遗憾！您没中奖></view>
+            <view class="luck-draw-zkz3">{{item.createTime}}</view>
+          </view>
+        </view>
       </view>
-      <view class="no_result" wx:if="{{noResult}}">———— 抱歉，您暂无中奖记录 ————</view>
+      <view class="no_result" wx:if="{{noResult}}">———— 抱歉，您暂无抽奖记录 ————</view>
     </view>
 </view>
 

pages/luckDraw/recordPrize.wxss

@@ -69,10 +69,24 @@
   display: flex;
   flex-direction: row;
   background: #FFFFFF;
-  border: 0rpx solid #FF7A03;
+  border: 0 solid #FF7A03;
+  box-shadow: 0 0 50rpx 8rpx rgba(127, 127, 127, 0.09);
+  border-radius: 20rpx;
+}
+
+.luck-draw-words1{
+  position:relative;
+  z-index: 2;
+  width: 708rpx;
+  height: 190rpx;
+  display: flex;
+  flex-direction: row;
+  background: #FFFFFF;
+  border: 0 solid #878787;
   box-shadow: 0 0 50rpx 8rpx rgba(127, 127, 127, 0.09);
   border-radius: 20rpx;
 }
+
 .luck-draw-discount1{
   width: 214rpx;
   height: 190rpx;
@@ -81,6 +95,15 @@
   border-radius: 20rpx;
   text-align: center;
 }
+.luck-draw-discount12{
+  width: 214rpx;
+  height: 190rpx;
+  background: #F4F4F4;
+  border: 0rpx solid #878787;
+  border-radius: 20rpx;
+  text-align: center;
+}
+
 .luck-draw-discount1 view:nth-child(1) {
   position: relative;
   top: 40rpx;
@@ -99,6 +122,14 @@
   line-height: 44rpx;
 }
 
+.luck-draw-zkz42{
+  font-size: 28rpx;
+  font-family: YouSheBiaoTiHei;
+  font-weight: 400;
+  color: #888888;
+  line-height: 44rpx;
+}
+
 .luck-draw-zkz5{
   width: 116rpx;
   height: 92rpx;
@@ -106,6 +137,13 @@
   top: 50rpx;
 }
 
+.luck-draw-zkz52{
+  width: 84rpx;
+  height: 80rpx;
+  position: relative;
+  top: 40rpx;
+}
+
 .luck-draw-zkz1{
   font-size: 32rpx;
   font-family: Microsoft YaHei;