Sfoglia il codice sorgente

活动奖品页面更新

guessPrice
sui 5 anni fa
parent
commit
b41d8edf0e
2 ha cambiato i file con 41 aggiunte e 58 eliminazioni
  1. +28
    -44
      496_dongfengqichen/pages/prizes/prizes.wxml
  2. +13
    -14
      496_dongfengqichen/pages/prizes/prizes.wxss

+ 28
- 44
496_dongfengqichen/pages/prizes/prizes.wxml Vedi File

</view> </view>
<view class="thirdAward" style="margin-top:0;">一等奖</view> <view class="thirdAward" style="margin-top:0;">一等奖</view>
<view class="firstPrize"> <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>
<view class="thirdAward">二等奖</view> <view class="thirdAward">二等奖</view>
<view class="ticketGroup"> <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>
<view class="thirdAward">三等奖</view> <view class="thirdAward">三等奖</view>
<view class="thirdAwardGroup"> <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>
<view class="threeFrame"> <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> </view>
<view class="thirdAward">入门奖</view> <view class="thirdAward">入门奖</view>
<view class="introductionGroup"> <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"> </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"> </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"> </view><view class="introduction">
<image class="introductionPic" src="{{imgUrl+'/images/Introduction6.png'}}"></image>
<view class="introductionText">爱奇艺月卡一张</view>
</view> </view>
</view> </view>
<view class="immediateFetching"> <view class="immediateFetching">

+ 13
- 14
496_dongfengqichen/pages/prizes/prizes.wxss Vedi File

} }
.prizeTicket{ .prizeTicket{
display: flex; display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center; align-items: center;
margin-top: 30rpx;
padding: 0 45rpx;
} }
.prizeTicketPic{ .prizeTicketPic{
width: 206rpx;
height: 83rpx;
width: 162rpx;
height: 162rpx;
} }
.prizeTicketName{ .prizeTicketName{
font-size:20rpx; font-size:20rpx;
font-family:PingFang; font-family:PingFang;
font-weight:400; font-weight:400;
color:rgba(35,33,34,1); color:rgba(35,33,34,1);
margin-top: 30rpx;
text-align: center;
} }
.thirdAward{ .thirdAward{
width:128rpx; width:128rpx;
.thirdAwardGroup{ .thirdAwardGroup{
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between;
padding: 0 45rpx; padding: 0 45rpx;
} }
.threeFrame{ .threeFrame{
margin-top: 45rpx; margin-top: 45rpx;
} }
.threeGroup{ .threeGroup{
width: 168rpx;
height: 191rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
} }
.three1{ .three1{
width: 86rpx;
height: 191rpx;
width: 190rpx;
height: 121rpx;
} }
.three2{ .three2{
width: 168rpx;
height: 168rpx;
width: 184rpx;
height: 117rpx;
} }
.three3{ .three3{
width: 147rpx; width: 147rpx;
.introductionGroup{ .introductionGroup{
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between;
flex-wrap: wrap; flex-wrap: wrap;
padding: 0 45rpx; padding: 0 45rpx;
} }
font-family:PingFang; font-family:PingFang;
font-weight:400; font-weight:400;
color:rgba(35,33,34,1); color:rgba(35,33,34,1);
text-align: center;
} }
.immediateFetching{ .immediateFetching{
position: fixed; position: fixed;
margin-top: 35rpx; margin-top: 35rpx;
} }
.firstPrizePic{ .firstPrizePic{
width:119rpx;
height:204rpx;
width:460rpx;
height:172rpx;
} }
.firstPrizeText{ .firstPrizeText{
line-height: 28rpx; line-height: 28rpx;

Loading…
Annulla
Salva