Authored by 邱骏

排队页面样式修改

... ... @@ -72,4 +72,4 @@ typings/
.vscode
.DS_Store
app/project.config.json
... ...
... ... @@ -77,7 +77,6 @@ page {
text-align: center;
background-color: #000;
border-radius: 50rpx;
font-weight: lighter;
}
.user-info-bar .login-tips {
... ...
... ... @@ -4,6 +4,7 @@
<!--头部-->
<!-- <scroll-view scroll-y scroll-top='{{scrollTop}}' bindscroll='scroll' bindscrolltolower='onReachBottom' scroll-with-animation> -->
<view class='queue-title' style='background-image: url("{{activityInfo.topBanner}}")'>
<view class='queue-title-mask'></view>
<view class='queue-buttons'>
<text class='queue-desc-link' bindtap='navigateToDescPage'>点击查看活动说明>></text>
<button class='queue-prize-link {{activityInfo.isDrawEnd ? "active" : ""}}' bindtap='navigateToPrizeUserList'>{{activityInfo.isDrawEnd ? '查看中奖名单' : '等待开奖中'}}</button>
... ...
... ... @@ -27,6 +27,14 @@ scroll-view {
background-size: 100% 100%;
}
.queue-title .queue-title-mask {
position: absolute;
width: 100%;
height: 80rpx;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
z-index: 0;
}
image {
width: 100%;
height: 100%;
... ... @@ -40,13 +48,13 @@ image {
width: 100%;
height: 80rpx;
line-height: 80rpx;
z-index: 2;
}
.queue-desc-link {
color: #fff;
font-size: 24rpx;
margin-left: 30rpx;
text-shadow: 2rpx 2rpx 5rpx #000;
}
.queue-prize-link {
... ... @@ -80,7 +88,8 @@ image {
.userrank {
position: relative;
color: #fff;
margin-right: 10rpx;
margin-right: 16rpx;
margin-top: -20rpx;
border-radius: 14rpx 20rpx 0 14rpx;
background-color: #000;
}
... ... @@ -105,7 +114,7 @@ image {
height: 100%;
left: 0;
top: 0;
padding: 2px 6px;
padding: 4px 6px;
align-items: center;
justify-content: center;
border: 2px solid #fff;
... ... @@ -161,9 +170,11 @@ image {
}
.userhead image {
width: 100%;
border: 4rpx solid #fff;
border-radius: 50%;
box-sizing: border-box;
background-color: #fff;
}
.join-button {
... ... @@ -214,7 +225,7 @@ image {
display: flex;
position: relative;
width: 100%;
height: 162rpx;
height: 170rpx;
align-items: center;
color: white;
background-color: #444;
... ... @@ -495,7 +506,7 @@ image {
left: 66rpx;
bottom: 30rpx;
border-radius: 30rpx;
background-color: rgba(208, 2, 27, 0.5);
background-color: rgba(208, 2, 27, 1);
}
.zan-actionsheet__container {
... ...
... ... @@ -284,9 +284,8 @@ image {
margin: 0 30rpx;
background-color: rgba(0, 0, 0, 0.3);
font-size: 20rpx;
font-weight: lighter;
color: #fff;
border-radius: 30rpx;
border-radius: 42rpx;
overflow: hidden;
}
... ... @@ -395,5 +394,5 @@ image {
left: 66rpx;
bottom: 30rpx;
border-radius: 30rpx;
background-color: rgba(208, 2, 27, 0.5);
background-color: rgba(208, 2, 27, 1);
}
... ...
... ... @@ -33,7 +33,7 @@
"list": []
},
"miniprogram": {
"current": -1,
"current": 4,
"list": [
{
"id": 0,
... ... @@ -63,7 +63,7 @@
"id": -1,
"name": "限定商品排队",
"pathName": "pages/queue/index",
"query": "actId=380"
"query": "actId=388"
},
{
"id": 5,
... ...