|
@@ -2,18 +2,18 @@
|
|
<view class="active-detail">
|
|
<view class="active-detail">
|
|
<!-- 背景图 -->
|
|
<!-- 背景图 -->
|
|
<view class="active-detail-img">
|
|
<view class="active-detail-img">
|
|
- <image style="width: 100%; height: 720rpx;" src="/static/icon/swiper01.png" mode=""></image>
|
|
|
|
|
|
+ <image style="width: 100%; height: 720rpx;" src="http://t9.9026.com/imgs/swiper01.png" mode=""></image>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<!--投票数 -->
|
|
<!--投票数 -->
|
|
<view class="vote">
|
|
<view class="vote">
|
|
<view class="vote-detail">
|
|
<view class="vote-detail">
|
|
<view class="vote-detail-top">
|
|
<view class="vote-detail-top">
|
|
- <text style="width: 80rpx; height: 2rpx; background-color: #ccc; "></text>
|
|
|
|
|
|
+ <text style="width: 80rpx; height: 2rpx; background-color: rgba(204, 204, 204, .7); "></text>
|
|
<view class="vote-detail-top-main">
|
|
<view class="vote-detail-top-main">
|
|
<text>距活动结束:</text>
|
|
<text>距活动结束:</text>
|
|
</view>
|
|
</view>
|
|
- <text style="width: 80rpx; height: 2rpx; background-color: #ccc; "></text>
|
|
|
|
|
|
+ <text style="width: 80rpx; height: 2rpx; background-color: rgba(204, 204, 204, .7); "></text>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<view class="vote-detail-btn">
|
|
<view class="vote-detail-btn">
|
|
@@ -51,7 +51,7 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="rank-search" v-if="isActive==0">
|
|
<view class="rank-search" v-if="isActive==0">
|
|
- <u-input placeholder="输入活动名称或参赛项目" border='none'>
|
|
|
|
|
|
+ <u-input placeholder="输入IHG酒店名称或编号" border='none'>
|
|
<template slot="suffix" style='margin-right:40rpx;'>
|
|
<template slot="suffix" style='margin-right:40rpx;'>
|
|
<u-image :showLoading="true" :showError='true' src="/static/icon/search.png" width="40rpx"
|
|
<u-image :showLoading="true" :showError='true' src="/static/icon/search.png" width="40rpx"
|
|
height="32rpx"></u-image>
|
|
height="32rpx"></u-image>
|
|
@@ -83,10 +83,9 @@
|
|
<!-- 查询结果 -->
|
|
<!-- 查询结果 -->
|
|
<view class="List" v-if="isActive==0">
|
|
<view class="List" v-if="isActive==0">
|
|
<view class="ListItem" v-for="item in 2" @click="activeDetail">
|
|
<view class="ListItem" v-for="item in 2" @click="activeDetail">
|
|
- <image src="/static/icon/Kudosbg.png" style="width: 640rpx;height:420rpx;"></image>
|
|
|
|
- <view class="kudosicon">
|
|
|
|
- <image src="/static/icon/Kudos.png" v-if="false"></image>
|
|
|
|
- <image src="/static/icon/Kudos(1).png"></image>
|
|
|
|
|
|
+ <image src="http://t9.9026.com/imgs/Kudosbg.png" style="width: 640rpx;height:420rpx;"></image>
|
|
|
|
+ <view class="kudosicon" :style="{backgroundImage:'url('+hotelImageUrl+')'}">
|
|
|
|
+ <text style="width: 36rpx;height: 52rpx; display: flex;align-items: center;justify-content: center;color: #FFF;font-size: 24rpx;font-weight: bold; ">1</text>
|
|
</view>
|
|
</view>
|
|
<view class="nav">
|
|
<view class="nav">
|
|
<view class="events">
|
|
<view class="events">
|
|
@@ -102,13 +101,13 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
|
|
|
|
- <view class="rank-detail" :style="{backgroundImage:'url('+backImageUrl+')'}" v-if="isActive==1">
|
|
|
|
|
|
+ <view class="rank-detail" :style="{backgroundImage:'url('+backImageUrl+')'}" v-if="isActive==1">
|
|
<view class="rank-detail-rank">
|
|
<view class="rank-detail-rank">
|
|
<image style="width: 92rpx; height: 92rpx; border-radius: 50%; " src="/static/icon/avatar.png" mode="">
|
|
<image style="width: 92rpx; height: 92rpx; border-radius: 50%; " src="/static/icon/avatar.png" mode="">
|
|
</image>
|
|
</image>
|
|
<text class="rank-detail-rank-text">成都环球中心天新中秋</text>
|
|
<text class="rank-detail-rank-text">成都环球中心天新中秋</text>
|
|
<view class="rank-detail-rank-data">
|
|
<view class="rank-detail-rank-data">
|
|
- <image style="width: 26rpx;height: 24rpx; margin-right: 10rpx; " src="/static/icon//votes01.png"
|
|
|
|
|
|
+ <image style="width: 26rpx;height: 24rpx; margin-right: 10rpx; " src="/static/icon/votes01.png"
|
|
mode=""></image>
|
|
mode=""></image>
|
|
<text>25330</text>
|
|
<text>25330</text>
|
|
</view>
|
|
</view>
|
|
@@ -118,7 +117,7 @@
|
|
</image>
|
|
</image>
|
|
<text class="rank-detail-rank-text">成都环球中心天新中秋</text>
|
|
<text class="rank-detail-rank-text">成都环球中心天新中秋</text>
|
|
<view class="rank-detail-rank-data">
|
|
<view class="rank-detail-rank-data">
|
|
- <image style="width: 26rpx;height: 24rpx; margin-right: 10rpx; " src="/static/icon//votes01.png"
|
|
|
|
|
|
+ <image style="width: 26rpx;height: 24rpx; margin-right: 10rpx; " src="/static/icon/votes01.png"
|
|
mode=""></image>
|
|
mode=""></image>
|
|
<text>25330</text>
|
|
<text>25330</text>
|
|
</view>
|
|
</view>
|
|
@@ -128,7 +127,7 @@
|
|
</image>
|
|
</image>
|
|
<text class="rank-detail-rank-text">成都环球中心天新中秋</text>
|
|
<text class="rank-detail-rank-text">成都环球中心天新中秋</text>
|
|
<view class="rank-detail-rank-data">
|
|
<view class="rank-detail-rank-data">
|
|
- <image style="width: 26rpx;height: 24rpx; margin-right: 10rpx; " src="/static/icon//votes01.png"
|
|
|
|
|
|
+ <image style="width: 26rpx;height: 24rpx; margin-right: 10rpx; " src="/static/icon/votes01.png"
|
|
mode=""></image>
|
|
mode=""></image>
|
|
<text>25330</text>
|
|
<text>25330</text>
|
|
</view>
|
|
</view>
|
|
@@ -146,7 +145,7 @@
|
|
<text class="rank-other-item-main-text">成都环球中心天新中秋接力活动</text>
|
|
<text class="rank-other-item-main-text">成都环球中心天新中秋接力活动</text>
|
|
</view>
|
|
</view>
|
|
<view class="rank-other-item-right">
|
|
<view class="rank-other-item-right">
|
|
- <image style="width: 26rpx;height: 24rpx; margin-right: 8rpx; " src="/static/icon//votes02.png"
|
|
|
|
|
|
+ <image style="width: 26rpx;height: 24rpx; margin-right: 8rpx; " src="/static/icon/votes02.png"
|
|
mode=""></image>
|
|
mode=""></image>
|
|
<text>25530</text>
|
|
<text>25530</text>
|
|
</view>
|
|
</view>
|
|
@@ -157,7 +156,7 @@
|
|
|
|
|
|
<view class="introduce-top">
|
|
<view class="introduce-top">
|
|
<text class="introduce-top-rule1"></text>
|
|
<text class="introduce-top-rule1"></text>
|
|
- <text style="margin: 0 8rpx;">活动规则</text>
|
|
|
|
|
|
+ <text style="margin-right: 8rpx; margin-left: 12rpx; ">活动规则</text>
|
|
<text class="introduce-top-rule2"></text>
|
|
<text class="introduce-top-rule2"></text>
|
|
</view>
|
|
</view>
|
|
<view class="introduce-main">
|
|
<view class="introduce-main">
|
|
@@ -185,10 +184,10 @@
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<!-- 分割线 -->
|
|
<!-- 分割线 -->
|
|
- <view style="width: 94%; height: 2rpx; background-color:#F0F0F0;margin: 64rpx auto 80rpx; "></view>
|
|
|
|
|
|
+ <view style="width: 94%; height: 2rpx; background-color:rgba(240, 240, 240, .7);margin: 64rpx auto 80rpx; "></view>
|
|
<view class=" introduce-top">
|
|
<view class=" introduce-top">
|
|
<text class="introduce-top-rule1"></text>
|
|
<text class="introduce-top-rule1"></text>
|
|
- <text style="margin: 0 8rpx;">活动介绍</text>
|
|
|
|
|
|
+ <text style="margin-right: 8rpx; margin-left: 12rpx; ">活动介绍</text>
|
|
<text class="introduce-top-rule2"></text>
|
|
<text class="introduce-top-rule2"></text>
|
|
</view>
|
|
</view>
|
|
<view class="introduce-btn-text">
|
|
<view class="introduce-btn-text">
|
|
@@ -200,11 +199,10 @@
|
|
<text>活动声明</text>
|
|
<text>活动声明</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
-
|
|
|
|
-
|
|
|
|
-
|
|
|
|
- <uni-load-more v-if="isActive==0" :status="status" color="#CCCCCC" :content-text="contentText" />
|
|
|
|
- <view style="height:168rpx; background-color: #FFF; "></view>
|
|
|
|
|
|
+ <!-- 触底 -->
|
|
|
|
+ <view class="home-bottom" v-if="isActive==0" >
|
|
|
|
+ <uni-load-more :status="status" color="#CCCCCC" :content-text="contentText"/>
|
|
|
|
+ </view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
@@ -212,8 +210,10 @@
|
|
export default {
|
|
export default {
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+ //酒店排名背景图片
|
|
|
|
+ hotelImageUrl: require('../../../static/icon/tip01.png'),
|
|
//排行榜背景图片
|
|
//排行榜背景图片
|
|
- backImageUrl: require('../../../static/icon/rank01.png'),
|
|
|
|
|
|
+ backImageUrl: 'http://t9.9026.com/imgs/rank01.png',
|
|
rankList: [{
|
|
rankList: [{
|
|
title: '投票'
|
|
title: '投票'
|
|
},
|
|
},
|
|
@@ -278,7 +278,10 @@
|
|
height: 100%;
|
|
height: 100%;
|
|
background: #F9F9F9;
|
|
background: #F9F9F9;
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+ .home-bottom {
|
|
|
|
+ background-color: #fff;
|
|
|
|
+ padding-bottom: 84rpx;
|
|
|
|
+ }
|
|
|
|
|
|
.rank-search {
|
|
.rank-search {
|
|
margin-top: 80rpx;
|
|
margin-top: 80rpx;
|
|
@@ -293,6 +296,10 @@
|
|
::v-deep .u-input__content__field-wrapper {
|
|
::v-deep .u-input__content__field-wrapper {
|
|
padding-left: 36rpx;
|
|
padding-left: 36rpx;
|
|
}
|
|
}
|
|
|
|
+ ::v-deep .u-input__content__field-wrapper__field{
|
|
|
|
+ color:#999999 !important;
|
|
|
|
+ font-size: 28rpx !important;
|
|
|
|
+ }
|
|
}
|
|
}
|
|
|
|
|
|
|
|
|
|
@@ -324,7 +331,7 @@
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.introduce-main{
|
|
.introduce-main{
|
|
- margin-top: 40rpx;
|
|
|
|
|
|
+ margin-top: 46rpx;
|
|
padding: 0 30rpx;
|
|
padding: 0 30rpx;
|
|
font-size: 28rpx;
|
|
font-size: 28rpx;
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
@@ -355,6 +362,8 @@
|
|
line-height: 56rpx;
|
|
line-height: 56rpx;
|
|
}
|
|
}
|
|
.introduce-btn{
|
|
.introduce-btn{
|
|
|
|
+ margin-top: 72rpx;
|
|
|
|
+ padding-bottom: 80rpx;
|
|
width: 100%;
|
|
width: 100%;
|
|
display: flex;
|
|
display: flex;
|
|
align-items: center;
|
|
align-items: center;
|
|
@@ -362,8 +371,6 @@
|
|
font-size: 30rpx;
|
|
font-size: 30rpx;
|
|
color: #101010;
|
|
color: #101010;
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
- position: absolute;
|
|
|
|
- bottom: 0;
|
|
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
@@ -457,7 +464,7 @@
|
|
background: linear-gradient(180deg, rgba(249, 231, 219, 0) 0%, #F3C063 100%);
|
|
background: linear-gradient(180deg, rgba(249, 231, 219, 0) 0%, #F3C063 100%);
|
|
border-radius: 12rpx;
|
|
border-radius: 12rpx;
|
|
position: absolute;
|
|
position: absolute;
|
|
- bottom: -35rpx;
|
|
|
|
|
|
+ bottom: -22rpx;
|
|
left: 25rpx;
|
|
left: 25rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
@@ -492,7 +499,7 @@
|
|
}
|
|
}
|
|
|
|
|
|
.vote-detail-btn {
|
|
.vote-detail-btn {
|
|
- margin-top: 88rpx;
|
|
|
|
|
|
+ margin-top: 75rpx;
|
|
padding: 0 38rpx;
|
|
padding: 0 38rpx;
|
|
display: flex;
|
|
display: flex;
|
|
align-items: center;
|
|
align-items: center;
|
|
@@ -530,6 +537,8 @@
|
|
position: relative;
|
|
position: relative;
|
|
top: -176rpx;
|
|
top: -176rpx;
|
|
background-repeat: no-repeat;
|
|
background-repeat: no-repeat;
|
|
|
|
+ background-position: center;
|
|
|
|
+ background-size: cover;
|
|
|
|
|
|
.rank-detail-rank {
|
|
.rank-detail-rank {
|
|
position: relative;
|
|
position: relative;
|
|
@@ -582,7 +591,7 @@
|
|
position: relative;
|
|
position: relative;
|
|
top: -204rpx;
|
|
top: -204rpx;
|
|
width: 100%;
|
|
width: 100%;
|
|
- padding: 48rpx 30rpx 54rpx;
|
|
|
|
|
|
+ padding: 48rpx 30rpx 80rpx;
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
border-radius: 32rpx 32rpx 0px 0px;
|
|
border-radius: 32rpx 32rpx 0px 0px;
|
|
|
|
|
|
@@ -658,14 +667,11 @@
|
|
padding: 20rpx 26rpx 26rpx 24rpx;
|
|
padding: 20rpx 26rpx 26rpx 24rpx;
|
|
|
|
|
|
.kudosicon {
|
|
.kudosicon {
|
|
- width: 48rpx;
|
|
|
|
- height: 48rpx;
|
|
|
|
|
|
+ background-repeat: no-repeat;
|
|
|
|
+ background-size:36rpx 52rpx;
|
|
position: absolute;
|
|
position: absolute;
|
|
- top: 52rpx;
|
|
|
|
- right: 58rpx;
|
|
|
|
- border-radius: 50%;
|
|
|
|
- background: #FFFFFF;
|
|
|
|
- opacity: 0.84;
|
|
|
|
|
|
+ top: 20rpx;
|
|
|
|
+ left:60rpx;
|
|
|
|
|
|
@include flexlayout() image {
|
|
@include flexlayout() image {
|
|
width: 32rpx;
|
|
width: 32rpx;
|
|
@@ -692,7 +698,7 @@
|
|
width: 126rpx;
|
|
width: 126rpx;
|
|
height: 48rpx;
|
|
height: 48rpx;
|
|
background: #FFFFFF;
|
|
background: #FFFFFF;
|
|
- border-radius: 4rpx;
|
|
|
|
|
|
+ border-radius: 6rpx;
|
|
border: 2rpx solid #A18353;
|
|
border: 2rpx solid #A18353;
|
|
font-size: 30rpx;
|
|
font-size: 30rpx;
|
|
color: #A18353;
|
|
color: #A18353;
|
|
@@ -704,7 +710,7 @@
|
|
}
|
|
}
|
|
|
|
|
|
.foot {
|
|
.foot {
|
|
- margin-top: 20rpx;
|
|
|
|
|
|
+ margin-top: 24rpx;
|
|
width: 100%;
|
|
width: 100%;
|
|
height: 84rpx;
|
|
height: 84rpx;
|
|
background: linear-gradient(338deg, #FF6200 0%, #FF9D4F 100%);
|
|
background: linear-gradient(338deg, #FF6200 0%, #FF9D4F 100%);
|