活动奖品页面更新

496_dongfengqichen/pages/prizes/prizes.wxml

@@ -6,65 +6,49 @@
     </view>
     <view class="thirdAward" style="margin-top:0;">一等奖</view>
     <view class="firstPrize">
-      <image class="firstPrizePic" src="{{imgUrl+'/images/firstPrizePic2.png'}}"></image>
-      <view class="firstPrizeText">NITORI电动太空舱按摩椅</view>
+      <image class="firstPrizePic" src="{{imgUrl+'/newPrize/1.png'}}"></image>
+      <view class="firstPrizeText">头等舱机票</view>
     </view>
     <view class="thirdAward">二等奖</view>
     <view class="ticketGroup">
-      <view class="prizeTicket">
-        <image class="prizeTicketPic" src="{{imgUrl+'/images/prizeTicket1.png'}}"></image>
-        <view class="prizeTicketName">欢乐谷全家一日游</view>
-      </view>
-      <view class="prizeTicket">
-        <image class="prizeTicketPic" src="{{imgUrl+'/images/prizeTicket2.png'}}"></image>
-        <view class="prizeTicketName">迪士尼全家一日游</view>
-      </view>
-      <view class="prizeTicket">
-        <image class="prizeTicketPic" style="width:210rpx;" src="{{imgUrl+'/images/prizeTicket3.png'}}"></image>
-        <view class="prizeTicketName">长隆全家一日游</view>
-      </view>
+      <image class="prizeTicketPic" src="{{imgUrl+'/newPrize/2.png'}}"></image>
+      <image class="prizeTicketPic" style="width:147rpx;height:166rpx;" src="{{imgUrl+'/newPrize/3.png'}}"></image>
+      <image class="prizeTicketPic" style="width:191rpx;height:131rpx;" src="{{imgUrl+'/newPrize/4.png'}}"></image>
+    </view>
+    <view class="prizeTicket">
+      <view class="prizeTicketName" style="width:162rpx;">小米扫地机器人</view>
+      <view class="prizeTicketName" style="width:167rpx;">索尼无线蓝牙耳机</view>
+      <view class="prizeTicketName" style="width:191rpx;">美的烤箱</view>
     </view>
     <view class="thirdAward">三等奖</view>
     <view class="thirdAwardGroup">
-      <view class="threeFrame">
-        <view class="threeGroup">
-          <image class="three1" src="{{imgUrl+'/images/three1.png'}}"></image>
-        </view>
-        <view class="threeText">喜马拉雅智能音响</view>
+      <view class="threeFrame" style="margin-right:40rpx;">
+        <image class="three1" src="{{imgUrl+'/newPrize/5.png'}}"></image>
+        <view class="threeText">200元油卡</view>
       </view>
       <view class="threeFrame">
-        <view class="threeGroup">
-          <image class="three2" src="{{imgUrl+'/images/three2.png'}}"></image>
-        </view>
-        <view class="threeText">松下扫地机器人</view>
-      </view>
-      <view class="threeFrame">
-        <view class="threeGroup">
-          <image class="three3" src="{{imgUrl+'/images/three3.png'}}"></image>
-        </view>
-        <view class="threeText">索尼无线蓝牙耳机</view>
+        <image class="three2" src="{{imgUrl+'/newPrize/6.png'}}"></image>
+        <view class="threeText">100元京东E卡</view>
       </view>
     </view>
     <view class="thirdAward">入门奖</view>
     <view class="introductionGroup">
-      <view class="introduction">
-        <image class="introductionPic" src="{{imgUrl+'/images/Introduction1.png'}}"></image>
-        <view class="introductionText">美团外卖20元代金券</view>
-      </view><view class="introduction">
-        <image class="introductionPic" src="{{imgUrl+'/images/Introduction2.png'}}"></image>
-        <view class="introductionText">饿了么15元代金券</view>
-      </view><view class="introduction">
-        <image class="introductionPic" src="{{imgUrl+'/images/Introduction3.png'}}"></image>
-        <view class="introductionText">瑞幸咖啡免费券</view>
+      <view class="introduction" style="padding-right:51rpx;">
+        <image class="introductionPic" style="width:168rpx;height:107rpx;" src="{{imgUrl+'/newPrize/7.png'}}"></image>
+        <view class="introductionText" style="width:168rpx;">50元京东E卡</view>
+      </view><view class="introduction" style="padding-right:36rpx;">
+        <image class="introductionPic" style="width:194rpx;height:106rpx;" src="{{imgUrl+'/newPrize/8.png'}}"></image>
+        <view class="introductionText" style="width:194rpx;">网易云音乐月卡一张</view>
       </view><view class="introduction">
-        <image class="introductionPic" src="{{imgUrl+'/images/Introduction4.png'}}"></image>
-        <view class="introductionText">网易云音乐月卡一张</view>
+        <image class="introductionPic" style="width:195rpx;height:107rpx;"  src="{{imgUrl+'/newPrize/9.png'}}"></image>
+        <view class="introductionText" style="width:195rpx;">爱奇艺月卡一张</view>
+      </view><view class="introduction" style="padding-right:30rpx;">
+        <image class="introductionPic" style="width:189rpx;height:102rpx;"  src="{{imgUrl+'/newPrize/10.png'}}"></image>
+        <view class="introductionText" style="width:189rpx;">瑞幸咖啡免费券三张</view>
       </view><view class="introduction">
-        <image class="introductionPic" src="{{imgUrl+'/images/Introduction5.png'}}"></image>
-        <view class="introductionText">腾讯视频月卡一张</view>
+        <image class="introductionPic" style="width:194rpx;height:106rpx;"  src="{{imgUrl+'/newPrize/11.png'}}"></image>
+        <view class="introductionText" style="width:194rpx;">腾讯视频月卡一张</view>
       </view><view class="introduction">
-        <image class="introductionPic" src="{{imgUrl+'/images/Introduction6.png'}}"></image>
-        <view class="introductionText">爱奇艺月卡一张</view>
       </view>
     </view>
     <view class="immediateFetching">

496_dongfengqichen/pages/prizes/prizes.wxss

@@ -26,12 +26,14 @@ view{
 }
 .prizeTicket{
   display: flex;
-  flex-direction: column;
+  justify-content: space-between;
   align-items: center;
+  margin-top: 30rpx;
+  padding: 0 45rpx;
 }
 .prizeTicketPic{
-  width: 206rpx;
-  height: 83rpx;
+  width: 162rpx;
+  height: 162rpx;
 }
 .prizeTicketName{
   font-size:20rpx;
@@ -39,7 +41,7 @@ view{
   font-family:PingFang;
   font-weight:400;
   color:rgba(35,33,34,1);
-  margin-top: 30rpx;
+  text-align: center;
 }
 .thirdAward{
   width:128rpx;
@@ -58,7 +60,6 @@ view{
 .thirdAwardGroup{
   display: flex;
   align-items: center;
-  justify-content: space-between;
   padding: 0 45rpx;
 }
 .threeFrame{
@@ -68,19 +69,17 @@ view{
   margin-top: 45rpx;
 }
 .threeGroup{
-  width: 168rpx;
-  height: 191rpx;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 .three1{
-  width: 86rpx;
-  height: 191rpx;
+  width: 190rpx;
+  height: 121rpx;
 }
 .three2{
-  width: 168rpx;
-  height: 168rpx;
+  width: 184rpx;
+  height: 117rpx;
 }
 .three3{
   width: 147rpx;
@@ -97,7 +96,6 @@ view{
 .introductionGroup{
   display: flex;
   align-items: center;
-  justify-content: space-between;
   flex-wrap: wrap;
   padding: 0 45rpx;
 }
@@ -119,6 +117,7 @@ view{
   font-family:PingFang;
   font-weight:400;
   color:rgba(35,33,34,1);
+  text-align: center;
 }
 .immediateFetching{
   position: fixed;
@@ -136,8 +135,8 @@ view{
   margin-top: 35rpx;
 }
 .firstPrizePic{
-  width:119rpx;
-  height:204rpx;
+  width:460rpx;
+  height:172rpx;
 }
 .firstPrizeText{
   line-height: 28rpx;