1644 lines
40 KiB
Vue
1644 lines
40 KiB
Vue
<template>
|
||
<view class="content">
|
||
<view class="top-img">
|
||
<image v-if="nowStar.photo" :src="'https://xyb.wlkjwl.cn/'+nowStar.photo" mode="aspectFill"></image>
|
||
<image v-else :src="'https://xyb.wlkjwl.cn/'+nowStar.head" mode="aspectFill"></image>
|
||
</view>
|
||
<view class="top-name">
|
||
<view class="left-name">{{nowStar.name}}</view>
|
||
<view class="right-swiper">
|
||
<swiper class="swiper" :vertical="true" :circular="true" :interval="3000" :indicator-dots="false" :autoplay="true">
|
||
<swiper-item>
|
||
<view class="swiper-item">
|
||
<view>
|
||
本月获支持
|
||
<text class="text">{{lastStar.much}}</text>
|
||
票
|
||
</view>
|
||
<view class="bgv">
|
||
本月排名第
|
||
<text class="text">{{lastStar.rankIngNum}}</text>
|
||
名
|
||
</view>
|
||
</view>
|
||
</swiper-item>
|
||
<swiper-item>
|
||
<view class="swiper-item">
|
||
<view>
|
||
本周获支持
|
||
<text class="text">{{nowStar.much}}</text>
|
||
票
|
||
</view>
|
||
<view class="bgv">
|
||
本周排名第
|
||
<text class="text">{{nowStar.rankIngNum}}</text>
|
||
名
|
||
</view>
|
||
</view>
|
||
</swiper-item>
|
||
</swiper>
|
||
</view>
|
||
</view>
|
||
<view v-if="guardPeople.length" class="guard-people">
|
||
<view class="left">我们正在守护{{ nowStar.name }}中：</view>
|
||
<image :src="guardPeople[0].customer.head"></image>
|
||
<view class="right" @click="toGuard" v-if="isGuard">
|
||
<image src="/static/shouhu.png"></image>
|
||
<view>
|
||
<view class="text-top">我要加入</view>
|
||
<view class="text-bottom">守护队伍</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="top-notice">
|
||
【公告】
|
||
<view>陪伴是最长情的告白</view>
|
||
</view>
|
||
<uni-list class="my-bottom">
|
||
<uni-list-item @click="goLuck" rightText="立即抽奖" :showArrow="false" title="抽奖" note="100%中奖" thumb="/static/supprt/chou.png" />
|
||
<uni-list-item @click="confirmShare" rightText="立即分享" :showArrow="false" title="好友每次助力（+10票）" note="分享给好友或群，好友点击后，您可以每次获得10票" thumb="/static/supprt/fen.png" />
|
||
<uni-list-item @click="goSign" :isabled="sign.signStateId == 2?true:false" :rightText="sign.signStateId == 2?'已签到':'立即签到'" :showArrow="false" title="每日签到" :note="'签到时间'+sign.signDate+'连续签到'+sign.signCount+'天'" thumb="/static/supprt/qian.png" />
|
||
<uni-list-item @click="goAdd" rightText="看视频" :showArrow="false" title="看视频(+10票)" note="每日可看到无视频为止" thumb="/static/supprt/kan.png" />
|
||
<uni-list-item v-if="guardStatus == '1'" @click="showGuard" :rightText="isVIP ? '已开通' : '开启权限'" :isabled="isVIP ? true : false" :showArrow="false" title="守护得票" note="每日领取500票" thumb="/static/supprt/guard.png" />
|
||
<uni-list-item @click="goAddPiao" rightText="立即领取" :showArrow="false" title="日常加票" note="更多加票" thumb="/static/supprt/ri.png" />
|
||
<!-- <button class="share" open-type="share"></button> -->
|
||
<cell class="gcontact" @tap="goContact" bind:startmessage='startmessage' bind:completemessage="completemessage" plugid='edc6797f8b36c85af0a284dca7a99aaf'>
|
||
<!-- <uni-list-item rightText="立即联系" :showArrow="false" title="联系我领20票" thumb="/static/supprt/lian.png" /> -->
|
||
</cell>
|
||
</uni-list>
|
||
<view @tap.stop="toGuard" v-if="guardStatus == '1'" class="dingyue">{{isVIP ? '您有VIP特权，要守护' + nowStar.name || '' + '吗？': '我要守护爱豆' + nowStar.name || ''}}</view>
|
||
<form @submit='dingyues' report-submit='true'>
|
||
<button class="dingyue" form-type="submit">订阅{{nowStar.name}}排名变化，您可以通知{{dingyue}}次哦</button>
|
||
</form>
|
||
<uniPopup ref="red"></uniPopup>
|
||
<uniPopup ref="guard">
|
||
<view class="guard-popup">
|
||
<view class="title">开启守护权限</view>
|
||
<view class="cando">
|
||
<view>1、获得守护权限</view>
|
||
<view>2、解锁多个资源，每天只能解锁1个</view>
|
||
<view>3、每天可守护偶像1小时</view>
|
||
</view>
|
||
<view class="guard-item">
|
||
<view v-for="(item, index) in guardList" :key="index" @click="supportRankbuy(2,item.id)">{{ item.name }}</view>
|
||
</view>
|
||
<view class="close" @click="closeGuard">X</view>
|
||
</view>
|
||
</uniPopup>
|
||
<uniPopup ref="hongbao">
|
||
<view class="hongbao">
|
||
<image src="/static/106.png"></image>
|
||
<view class="title">超级奖励发放</view>
|
||
<view class="button" v-if="lingqu" @click="lq">领取</view>
|
||
<view v-else>
|
||
<view class="text">今天赠送给你的每日权益票</view>
|
||
<view class="piao">{{piao}}票</view>
|
||
</view>
|
||
|
||
</view>
|
||
</uniPopup>
|
||
<view class="support-rank" v-if="guardStatus == '1'">
|
||
<view v-for="(item, index) in newArgeList" :key="index" class="rank-row">
|
||
<view v-for="(value, idx) in item" :key="idx" @click="supportRankbuy(1,value.id, value.muchPiao)">+{{ value.muchPiao }}票</view>
|
||
</view>
|
||
</view>
|
||
<view class="ad-view">
|
||
<ad unit-id="adunit-f6387bd5404467fd" ad-type="video" ad-theme="white"></ad>
|
||
</view>
|
||
<view class="ziyuan">
|
||
<view class="zi-item" @tap="gohelp(item)" v-for="(item,index) in aList" :key="index">
|
||
<view class="item-header">资源活动 剩余
|
||
<uni-countdown class="time" :showColon="false" :splitorColor="'#fff'" :color="'#fff'" :day="time.days" :hour="time.hours" :minute="time.minutes" :second="time.seconds"/>
|
||
<view class="right-click">参与活动</view>
|
||
</view>
|
||
<view class="item-bottom">
|
||
<view class="item-content">{{item.title}}</view>
|
||
<view class="cu-progress round margin-top">
|
||
<view class="bg-blue" :style="[{ width:true?percent(item.completeCount,item.personNum):''}]"></view>
|
||
<view class="text">{{percent(item.completeCount,item.personNum)}}</view>
|
||
</view>
|
||
<view class="cu-progress round margin-top">
|
||
<view class="bg-red" :style="[{ width:true?percent(item.participateCount,item.personNum):''}]"></view>
|
||
<view class="text">{{percent(item.participateCount,item.personNum)}}</view>
|
||
</view>
|
||
</view>
|
||
<view class="item-text-flex">
|
||
<view>
|
||
目标人数：<text>{{item.personNum}}</text>
|
||
</view>
|
||
<view>
|
||
参与人数：<text>{{item.participateCount}}</text>
|
||
</view>
|
||
<view>
|
||
达成人数：<text>{{item.completeCount}}</text>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
<view class="show-wrap" v-if="isLogin">
|
||
<view class="show-model">
|
||
<view class="title">未登录</view>
|
||
<view class="content">请允许微信授权登录</view>
|
||
<view class="btn-group">
|
||
<button @tap="hideIsLogin" class="button-default">取消</button>
|
||
<button class="button-default button-blue getUserInfo" open-type="getUserInfo" @getuserinfo="wxGetUserInfo" withCredentials="true">确认</button>
|
||
</view>
|
||
</view>
|
||
<view class="show-model-mask">
|
||
</view>
|
||
</view>
|
||
<view class="lijizhichi" @tap.stop="supprtPops">
|
||
立即支持<text v-if="shengMuch>0">{{shengMuch}}票</text>
|
||
</view>
|
||
|
||
<view class="rongyu">
|
||
<view class="ry-tit">
|
||
<view @tap="changeRyActive(index)" :class="index==ryActive?'active':''" v-for="(item,index) in ry" :key="index">
|
||
{{item.name}}
|
||
</view>
|
||
</view>
|
||
<view class="ry-list">
|
||
<view class="ry-list-item" v-for="(item,index) in rylist" :key="index">
|
||
<view>{{item.rankingNum}}</view>
|
||
<view><image :src="item.head" mode="aspectFill"></image></view>
|
||
<view>{{item.nick}}</view>
|
||
<view class="ry-blue">支持{{item.much}}票</view>
|
||
</view>
|
||
<ad unit-id="adunit-4a4d82f89b245c92"></ad>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="vote" v-if="vote"><!-- v-if="vote" -->
|
||
<image src="../../static/star.png" mode="aspectFit"></image>
|
||
<view class="pop">支持<text>{{nowStar.name}}</text></view>
|
||
<view class="my-pop">
|
||
我要支持<input type="number" placeholder="请输入票数" v-model="tMuch">票
|
||
</view>
|
||
<view @tap="goSupportStar" class="my-liji">
|
||
立即支持
|
||
</view>
|
||
</view>
|
||
<view @tap.stop="hidePop" class="vote-model" v-if="vote"></view>
|
||
<uni-popup ref="popupShare" type="share" @change="change">
|
||
<uni-popup-share title="分享到" @select="select"></uni-popup-share>
|
||
</uni-popup>
|
||
<uniPopup ref="imagePopup" type="top">
|
||
<image src="/static/share.png" mode="aspectFit" style="margin-left: 70rpx" @click="$refs.imagePopup.close()"></image>
|
||
</uniPopup>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import uniList from '@/components/uni-list/uni-list.vue';
|
||
import uniListItem from '@/components/uni-list-item/uni-list-item.vue';
|
||
import uniCountdown from '@/components/uni-countdown/uni-countdown.vue';
|
||
import uniPopupMessage from '@/components/uni-popup/uni-popup-message.vue'
|
||
import uniPopupDialog from '@/components/uni-popup/uni-popup-dialog.vue'
|
||
import uniPopupShare from '@/components/uni-popup/uni-popup-share.vue'
|
||
import uniPopup from '@/components/uni-popup/uni-popup.vue'
|
||
let rewardedVideoAd = null;
|
||
import { mapState,mapMutations } from 'vuex';
|
||
export default {
|
||
components:{
|
||
uniCountdown,
|
||
uniList,
|
||
uniListItem,
|
||
uniPopupMessage,
|
||
uniPopupDialog,
|
||
uniPopupShare,
|
||
uniPopup,
|
||
},
|
||
data() {
|
||
return {
|
||
vote:false,
|
||
ry:[{name:"荣誉周榜"},{name:"荣誉月榜"}],
|
||
ryActive:0,
|
||
id:'',
|
||
nowStar:'',//本周
|
||
lastStar:'',//本月
|
||
honList:'',
|
||
shengMuch:0,
|
||
tMuch:0,
|
||
dingyue:0,
|
||
isLogin:false,
|
||
dataList:[
|
||
{rightText:"立即抽奖","title":"抽奖","note":"100%中奖","thumb":"/static/supprt/chou.png","ev":'goLuck'},
|
||
{rightText:"立即签到","title":"每日签到","note":"连续签到一天 + 50票","thumb":"/static/supprt/qian.png",'ev':'goSign'},
|
||
{rightText:"看视频","title":"看视频(+10票)","note":"每日可看到无视频为止","thumb":"/static/supprt/kan.png",'ev':'goAdd'},
|
||
{rightText:"立即领取","title":"日常加票","note":"更多加票","thumb":"/static/supprt/ri.png",'ev':'goRecire'},
|
||
{rightText:"立即分享","title":"分享助力","note":"每天最多助力4次","thumb":"/static/supprt/fen.png",'ev':'goShare'},
|
||
{rightText:"立即联系","title":"联系我领20票","thumb":"/static/supprt/lian.png",'ev':'goContact'},
|
||
],
|
||
sign:'',
|
||
rylist:'',
|
||
aList:'',
|
||
cid:'',
|
||
time:'',
|
||
yaoQingMa:'',
|
||
argeLength: 0,
|
||
newArgeList: [],
|
||
guardList: [],
|
||
lingqu:true,
|
||
piao:500,
|
||
isVIP: false,
|
||
guardPeople: [],
|
||
guardStatus: '', // 等于一的时候，让他们展示，等于零的时候不展示
|
||
isGuard: ''
|
||
};
|
||
},
|
||
onLoad(opt) {
|
||
// uni.showModal({
|
||
// title: '恭喜',
|
||
// content: opt.cid + "1",
|
||
// success: function (res) {
|
||
// if (res.confirm) {
|
||
// console.log('用户点击确定');
|
||
// } else if (res.cancel) {
|
||
// console.log('用户点击取消');
|
||
// }
|
||
// }
|
||
// })
|
||
console.log(opt)
|
||
wx.showShareMenu({
|
||
|
||
withShareTicket:true,
|
||
|
||
menus:['shareAppMessage','shareTimeline']
|
||
|
||
})
|
||
this.supportRank()
|
||
this.getgoodsVip()
|
||
|
||
if(this.hasLogin){
|
||
this.id = opt.id;
|
||
this.getStarInfo();
|
||
this.getSign();
|
||
this.getHonour(this.id,(this.ryActive + 1))
|
||
this.getActiveList();
|
||
if(opt.cid){
|
||
this.cid = opt.cid;
|
||
this.updateCid(this.cid)
|
||
}
|
||
}else{
|
||
this.isLogin = true;
|
||
}
|
||
this.loadgoAdd();
|
||
},
|
||
computed: {
|
||
...mapState(['hasLogin','userInfo'])
|
||
},
|
||
onShareAppMessage(){
|
||
let userInfo = uni.getStorageSync('userInfo') || '';
|
||
let imgSrc = '';
|
||
if(this.nowStar.photo){
|
||
imgSrc = 'https://xyb.wlkjwl.cn/'+this.nowStar.photo
|
||
}else{
|
||
imgSrc = 'https://xyb.wlkjwl.cn/'+this.nowStar.head
|
||
}
|
||
if(userInfo.token){
|
||
|
||
return {
|
||
title:`给${this.nowStar.name}一起来打榜`,
|
||
path:"/pages/support/support?cid="+userInfo.token+'&id='+this.id,
|
||
imageUrl:imgSrc
|
||
}
|
||
|
||
}
|
||
},
|
||
onShareTimeline(){
|
||
let userInfo = uni.getStorageSync('userInfo') || '';
|
||
let imgSrc = '';
|
||
if(this.nowStar.photo){
|
||
imgSrc = 'https://xyb.wlkjwl.cn/'+this.nowStar.photo
|
||
}else{
|
||
imgSrc = 'https://xyb.wlkjwl.cn/'+this.nowStar.head
|
||
}
|
||
if(userInfo.token){
|
||
console.log("朋友圈分享")
|
||
return {
|
||
title:`给${this.nowStar.name}一起来打榜`,
|
||
query:"cid="+userInfo.token+'&id='+this.id,
|
||
imageUrl:imgSrc
|
||
}
|
||
}
|
||
|
||
},
|
||
onShow() {
|
||
if(this.hasLogin){
|
||
this.getUserInfo();
|
||
}
|
||
console.log('ceshiceshi')
|
||
this.getGuardPeople();
|
||
this.judgeGuardShow();
|
||
this.getshouhuLog();
|
||
},
|
||
methods:{
|
||
judgeGuardShow() {
|
||
let that = this
|
||
this.request({
|
||
url: this.path + "/api/xyb/banner/isOpen",
|
||
data: {
|
||
starId: this.id
|
||
},
|
||
success(res){
|
||
that.guardStatus = res.data.msg;
|
||
console.log(that.guardStatus)
|
||
}
|
||
})
|
||
},
|
||
getshouhuLog(){
|
||
let that = this
|
||
this.request({
|
||
url:that.path + "/api/xyb/star/isShouhuLog",
|
||
data:{
|
||
starId:that.id
|
||
},
|
||
success:(res)=>{
|
||
if(res.data.code == 301) that.isGuard = false;
|
||
else that.isGuard = true;
|
||
console.log(that.isGuard)
|
||
}
|
||
})
|
||
},
|
||
// 查询当前明星被哪些会员守护
|
||
getGuardPeople() {
|
||
let that = this
|
||
this.request({
|
||
url: this.path + "/api/xyb/star/shouhuLogByStarId",
|
||
data: {
|
||
starId: this.id
|
||
},
|
||
success(res){
|
||
that.guardPeople = res.data.data
|
||
console.log(that.guardPeople)
|
||
}
|
||
})
|
||
},
|
||
// 领取
|
||
lq(){
|
||
this.request({
|
||
url:this.path + "/api/xyb/star/getMuch",
|
||
data:{
|
||
typeId: 12,
|
||
much: this.piao,
|
||
},
|
||
success:(res)=>{
|
||
let d = res.data;
|
||
if(d.code == 0){
|
||
this.lingqu = false;
|
||
// uni.showModal({
|
||
// title: '恭喜',
|
||
// content: '领取到来自好友 赠送的20票',
|
||
// success: function (res) {
|
||
// if (res.confirm) {
|
||
// console.log('用户点击确定');
|
||
// } else if (res.cancel) {
|
||
// console.log('用户点击取消');
|
||
// }
|
||
// }
|
||
// });
|
||
}
|
||
}
|
||
})
|
||
},
|
||
// vip商品获取
|
||
getgoodsVip(){
|
||
let that = this
|
||
this.request({
|
||
url: this.path + "/api/xyb/star/goodsVip",
|
||
success(res){
|
||
console.log(res)
|
||
that.guardList = res.data.data
|
||
console.log(that.guardList)
|
||
}
|
||
})
|
||
},
|
||
// vip 冲榜下单
|
||
supportRankbuy(type,id,num){
|
||
let that = this
|
||
uni.getSystemInfo({
|
||
success(res){
|
||
if(res.platform == 'ios'){
|
||
uni.showModal({
|
||
title: '提示',
|
||
content: 'ios暂不支持',
|
||
showCancel: false,
|
||
success: function (res) {
|
||
if (res.confirm) {
|
||
console.log('用户点击确定');
|
||
} else if (res.cancel) {
|
||
console.log('用户点击取消');
|
||
}
|
||
}
|
||
})
|
||
}else{
|
||
that.request({
|
||
url: that.path + '/api/xyb/star/orderProgramCreate',
|
||
method:"POSt",
|
||
headers:{
|
||
"Content-type":"application/x-www-form-urlencoded"
|
||
},
|
||
data:{
|
||
type: type,
|
||
goodsId: id,
|
||
starId: that.id,
|
||
},
|
||
success: res => {
|
||
console.log(res)
|
||
// 创建新数组循环
|
||
let {nonceStr,timeStamp,signType,paySign} = res.data
|
||
wx.requestPayment({
|
||
nonceStr,timeStamp,signType,paySign,package:res.data.package,
|
||
success(res){
|
||
if(type == 1){
|
||
uni.showModal({
|
||
title: '打榜成功',
|
||
content: `已经成功为${that.nowStar.name}冲榜${num}票`,
|
||
showCancel: false,
|
||
success: function (res) {
|
||
if (res.confirm) {
|
||
console.log('用户点击确定');
|
||
} else if (res.cancel) {
|
||
console.log('用户点击取消');
|
||
}
|
||
}
|
||
})
|
||
}else{
|
||
that.request({
|
||
url:that.path + "/api/xyb/star/isHaveRedPackgeToday",
|
||
method:"GET",
|
||
success(res){
|
||
console.log(res)
|
||
this.piao = res.data.data.num;
|
||
}
|
||
})
|
||
that.$refs.guard.close();
|
||
that.$refs.hongbao.open()
|
||
|
||
}
|
||
|
||
},
|
||
fail(err){
|
||
console.log(err,"支付失败")
|
||
}
|
||
})
|
||
|
||
}
|
||
})
|
||
}
|
||
}
|
||
})
|
||
|
||
},
|
||
// 获取冲榜列表
|
||
supportRank() {
|
||
this.request({
|
||
url: this.path + '/api/xyb/star/goodsChongbang',
|
||
success: res => {
|
||
console.log(res)
|
||
// 创建新数组循环
|
||
for (let index = 0; index < res.data.data.length; index+=3) {
|
||
const element = res.data.data.slice(index, index + 3);
|
||
this.newArgeList.push(element);
|
||
}
|
||
console.log(this.newArgeList)
|
||
}
|
||
})
|
||
},
|
||
toGuard() {
|
||
console.log(this.isVIP)
|
||
if(this.isVIP){
|
||
uni.navigateTo({
|
||
url: '/pages/guard/index?url=' + this.nowStar.head + '&id=' + this.nowStar.id + '&name=' + this.nowStar.name
|
||
})
|
||
}else{
|
||
this.showGuard()
|
||
}
|
||
|
||
},
|
||
showGuard() {
|
||
if(this.isVIP){
|
||
return ;
|
||
}
|
||
this.$refs.guard.open();
|
||
},
|
||
closeGuard() {
|
||
this.$refs.guard.close();
|
||
},
|
||
...mapMutations(['login']),
|
||
init(){
|
||
this.getStarInfo();
|
||
this.getSign();
|
||
this.getHonour(this.id,(this.ryActive + 1))
|
||
this.getActiveList();
|
||
},
|
||
confirmShare() {
|
||
this.$refs.popupShare.open()
|
||
},
|
||
select(e, done) {
|
||
let that = this;
|
||
uni.getSystemInfo({
|
||
success(res){
|
||
// if(res.platform == 'ios' ){
|
||
// uni.showModal({
|
||
// title: '朋友圈',
|
||
// content: 'ios功能暂不可用',
|
||
// success: function (res) {
|
||
// if (res.confirm) {
|
||
// console.log('用户点击确定');
|
||
// } else if (res.cancel) {
|
||
// console.log('用户点击取消');
|
||
// }
|
||
// }
|
||
// });
|
||
// }else{
|
||
that.$refs.imagePopup.open();
|
||
// }
|
||
}
|
||
})
|
||
|
||
// uni.showModal({
|
||
// title: '分享到群或者好友',
|
||
// content: `将邀请码 ${this.yaoQingMa} 发送到群或者好友，如果有人复制你的邀请码并且进入明星权力榜小程序，那么你和他都将获得次数奖励！`,
|
||
// success: (res)=> {
|
||
// if (res.confirm) {
|
||
// console.log('用户点击确定');
|
||
// uni.setClipboardData({
|
||
// data: '复制我的邀请码'+this.yaoQingMa+'进入：明星权力榜，您可获得20票，为偶像 '+this.nowStar.name+' 提升排名！目前 '+this.nowStar.name+' 已获得 '+this.nowStar.much+' 次支持，排名第'+this.nowStar.rankIngNum,
|
||
// success: function () {
|
||
// console.log('success');
|
||
// }
|
||
// });
|
||
// // 复制我的邀请码 qbb99631进入：星榜团APP，您可获得10票，为偶像许佳琪提升排名！目前许佳琪已获得50210次支持，排名第27
|
||
|
||
// } else if (res.cancel) {
|
||
// console.log('用户点击取消');
|
||
// }
|
||
// }
|
||
// });
|
||
// uni.showToast({
|
||
// title: `您选择了第${e.index+1}项：${e.item.text}`,
|
||
// icon: 'none'
|
||
// })
|
||
// done()
|
||
},
|
||
change(e) {
|
||
console.log('popup ' + e.type + ' 状态', e.show)
|
||
},
|
||
dingyues(e){
|
||
let that = this;
|
||
console.log(e)
|
||
// sendTongzhiMessage
|
||
// that.request({
|
||
// url:that.path+'/api/xyb/wechat/sendTongzhiMessage',
|
||
// data:{
|
||
// openid:that.userInfo.token,
|
||
// starName:"lalala",
|
||
// fromid:e.detail.formId
|
||
// },
|
||
// success:(res)=>{
|
||
// let d = res.data;
|
||
// if(d.code == 0){
|
||
// uni.showToast({
|
||
// title:'订阅成功！',
|
||
// icon:'none',
|
||
// success() {
|
||
// that.getUserInfo();
|
||
// }
|
||
// })
|
||
// }
|
||
// }
|
||
// })
|
||
uni.requestSubscribeMessage({
|
||
tmplIds: ['3zrZxU3CYZYLWw3fGObzfw13jHbXYXUUQRTlJpvpPuw'],
|
||
success (res) {
|
||
console.log(res)
|
||
if(res["3zrZxU3CYZYLWw3fGObzfw13jHbXYXUUQRTlJpvpPuw"] == "accept"){
|
||
that.request({
|
||
url:that.path+'/api/xyb/star/customerInfoAddDingyue',
|
||
data:{
|
||
starId:that.id
|
||
},
|
||
success:(res)=>{
|
||
let d = res.data;
|
||
if(d.code == 0){
|
||
uni.showToast({
|
||
title:'订阅成功！',
|
||
icon:'none',
|
||
success() {
|
||
that.getUserInfo();
|
||
}
|
||
})
|
||
}
|
||
}
|
||
})
|
||
}
|
||
|
||
},
|
||
fail(err){
|
||
console.log(err)
|
||
}
|
||
})
|
||
},
|
||
goContact(){
|
||
if(this.hasLogin){
|
||
let userInfo = uni.getStorageSync('userInfo')
|
||
this.request({
|
||
url:this.path+'/api/xyb/wechat/sendTongyiMessage',
|
||
data:{
|
||
openid:userInfo.token
|
||
},
|
||
success:(res)=>{
|
||
let d = res.data;
|
||
console.log(d)
|
||
if(d.code == 0){
|
||
uni.showModal({
|
||
title:'已经给你微信发送了一条服务消息，接受邀请后即可联系我！'
|
||
})
|
||
}
|
||
}
|
||
})
|
||
}else{
|
||
this.isLogin = true;
|
||
}
|
||
},
|
||
changeTimeList(shijiancha){
|
||
var days = Math.floor(shijiancha / 60 / 60 / 24);
|
||
var daysRound = Math.floor(days);
|
||
var hours = Math.floor(shijiancha / 60 / 60 - (24 * daysRound));
|
||
var hoursRound = Math.floor(hours);
|
||
var minutes = Math.floor(shijiancha /60 - (24 * 60 * daysRound) - (60 * hoursRound));
|
||
var minutesRound = Math.floor(minutes);
|
||
var seconds = Math.floor(shijiancha - (24 * 60 * 60 * daysRound) - (60 * 60 * hoursRound) - (60 * minutesRound));
|
||
return {
|
||
days:days,
|
||
hours:hours,
|
||
minutes:minutes,
|
||
seconds:seconds
|
||
}
|
||
},
|
||
updateCid(cid){
|
||
if(this.hasLogin){
|
||
this.updateRequest(cid)
|
||
}else{
|
||
this.isLogin = true;
|
||
}
|
||
},
|
||
updateRequest(cid){
|
||
// uni.showModal({
|
||
// title: '恭喜',
|
||
// content: 'cid',
|
||
// success: function (res) {
|
||
// if (res.confirm) {
|
||
// console.log('用户点击确定');
|
||
// } else if (res.cancel) {
|
||
// console.log('用户点击取消');
|
||
// }
|
||
// }
|
||
// })
|
||
// this.request({
|
||
// url:this.path+'/api/xyb/star/customerInfoUpdate',
|
||
// data:{
|
||
// customerId:cid,
|
||
// type:1,
|
||
// },
|
||
// success:(res)=>{
|
||
// let d = res.data;
|
||
// if(d.code == 0){
|
||
// console.log("助力成功")
|
||
// // this.getUserInfo();
|
||
// }
|
||
// }
|
||
// })
|
||
this.request({
|
||
url: this.path + "/api/xyb/star/getMuch",
|
||
data:{
|
||
typeId: 5,
|
||
openid: cid,
|
||
much:10
|
||
},
|
||
success(res){
|
||
if(res.data.code == 0){
|
||
uni.showModal({
|
||
title: '恭喜',
|
||
content: '获得好友分享的10张票',
|
||
showCancel: false,
|
||
success: function (res) {
|
||
if (res.confirm) {
|
||
console.log('用户点击确定');
|
||
} else if (res.cancel) {
|
||
console.log('用户点击取消');
|
||
}
|
||
}
|
||
})
|
||
}
|
||
|
||
}
|
||
})
|
||
// this.request({
|
||
// url:this.path + "/api/xyb/star/getMuch",
|
||
// data:{
|
||
// typeId: 5,
|
||
// much: 20
|
||
// },
|
||
// success:(res)=>{
|
||
// let d = res.data;
|
||
// if(d.code == 0){
|
||
// uni.showModal({
|
||
// title: '恭喜',
|
||
// content: '领取到来自好友 赠送的20票',
|
||
// success: function (res) {
|
||
// if (res.confirm) {
|
||
// console.log('用户点击确定');
|
||
// } else if (res.cancel) {
|
||
// console.log('用户点击取消');
|
||
// }
|
||
// }
|
||
// });
|
||
// }
|
||
// }
|
||
// })
|
||
},
|
||
wxGetUserInfo(){
|
||
//api/xyb/wechat/wxLogin
|
||
let that = this;
|
||
uni.showLoading({
|
||
title: '加载中'
|
||
});
|
||
uni.login({
|
||
provider: 'weixin',
|
||
success: loginRes => {//获取用户code
|
||
// if(!that.hasLogin){
|
||
//授权获取用户信息
|
||
uni.getUserInfo({
|
||
provider: 'weixin',
|
||
success: function(infoRes) {
|
||
that.request({
|
||
url: that.path + '/api/xyb/wechat/wxLogin',
|
||
data: {
|
||
code: loginRes.code,
|
||
sex:infoRes.userInfo.gender,
|
||
head:infoRes.userInfo.avatarUrl,
|
||
nick:infoRes.userInfo.nickName,
|
||
encryptedData:infoRes.encryptedData,
|
||
iv:infoRes.iv
|
||
},
|
||
success: function(res) {
|
||
let d = res.data;
|
||
if(d.code == 0){
|
||
uni.hideLoading()
|
||
infoRes.userInfo.token = d.data.openid;
|
||
that.login(infoRes.userInfo)
|
||
that.hideIsLogin();
|
||
that.init();
|
||
if(that.cid){
|
||
this.updateRequest(that.cid)
|
||
}
|
||
}
|
||
}
|
||
});
|
||
|
||
}
|
||
});
|
||
|
||
// }
|
||
}
|
||
});
|
||
},
|
||
hideIsLogin(){
|
||
this.isLogin = false;
|
||
},
|
||
percent(a,b){
|
||
return (a/b*100).toFixed(2)+'%'
|
||
},
|
||
getActiveList(){
|
||
this.request({
|
||
url:this.path+'/api/xyb/star/activeList',
|
||
data:{
|
||
starId:this.id
|
||
},
|
||
success:(res)=>{
|
||
let d = res.data;
|
||
if(d.code == 0){
|
||
this.aList = d.data.list;
|
||
this.time = this.changeTimeList(d.data.timeDiff/1000)
|
||
// if(d.data.timeDiff > 0) this.isVIP = true;
|
||
// else this.isVIP = false;
|
||
}
|
||
}
|
||
})
|
||
},
|
||
changeRyActive(index){
|
||
this.ryActive = index;
|
||
this.getHonour(this.id,(this.ryActive + 1))
|
||
},
|
||
//投票
|
||
goSupportStar(){
|
||
this.request({
|
||
url:this.path+'/api/xyb/star/giveMuch',
|
||
data:{
|
||
starId:this.id,
|
||
much:this.tMuch
|
||
},
|
||
success:(res)=>{
|
||
let d = res.data;
|
||
console.log(d)
|
||
if(d.code == 0){
|
||
uni.showToast({
|
||
title:"投票成功",
|
||
icon:"none"
|
||
})
|
||
this.hidePop();
|
||
this.getUserInfo();
|
||
}
|
||
}
|
||
})
|
||
},
|
||
//展示投票弹窗
|
||
supprtPops(){
|
||
if(this.shengMuch>0){
|
||
this.tMuch = this.shengMuch;
|
||
this.vote = true;
|
||
this.dingyues()
|
||
}else{
|
||
uni.showToast({
|
||
title:"票数不足！",
|
||
icon:"none"
|
||
})
|
||
}
|
||
},
|
||
hidePop(){
|
||
this.vote = false;
|
||
},
|
||
//获取荣耀周榜
|
||
getHonour(id,typeId){
|
||
this.request({
|
||
url:this.path+'/api/xyb/star/honorRankingList',
|
||
data:{
|
||
id:id,
|
||
typeId:typeId
|
||
},
|
||
success:(res)=>{
|
||
let d = res.data;
|
||
if(d.code == 0){
|
||
this.rylist = d.rows;
|
||
}
|
||
}
|
||
})
|
||
},
|
||
//获取用户信息
|
||
getUserInfo(){
|
||
this.request({
|
||
url:this.path+'/api/xyb/star/customerInfo',
|
||
success:(res)=>{
|
||
let d = res.data;
|
||
if(d.code == 0){
|
||
this.shengMuch = d.data.much
|
||
this.dingyue = d.data.dingyueNum?d.data.dingyueNum:0
|
||
this.yaoQingMa = d.data.yaoqingma;
|
||
}
|
||
}
|
||
})
|
||
},
|
||
//获取明星信息
|
||
getStarInfo(){
|
||
this.request({
|
||
url:this.path+'/api/xyb/banner/weekRankingList',
|
||
data:{
|
||
id:this.id,
|
||
typeId:1,
|
||
pageSize:10,
|
||
pageNum:1
|
||
},
|
||
success:(res)=>{
|
||
let d = res.data;
|
||
if(d.code == 0){
|
||
this.nowStar = d.rows[0];
|
||
uni.setNavigationBarTitle({
|
||
title: this.nowStar.name
|
||
});
|
||
}
|
||
}
|
||
})
|
||
this.request({
|
||
url:this.path+'/api/xyb/banner/monthRankingList',
|
||
data:{
|
||
id:this.id,
|
||
typeId:1,
|
||
pageSize:10,
|
||
pageNum:1
|
||
},
|
||
success:(res)=>{
|
||
let d = res.data;
|
||
if(d.code == 0){
|
||
this.lastStar = d.rows[0];
|
||
}
|
||
}
|
||
})
|
||
},
|
||
//签到
|
||
goSign(){
|
||
this.request({
|
||
url:this.path+'/api/xyb/star/getMuch',
|
||
data:{
|
||
typeId:2,
|
||
much:10
|
||
},
|
||
success:(res)=>{
|
||
let d = res.data;
|
||
if(d.code == 0){
|
||
this.getSign();
|
||
this.getUserInfo();
|
||
}
|
||
}
|
||
})
|
||
},
|
||
//获取签到状态
|
||
getSign(){
|
||
this.request({
|
||
url:this.path+'/api/xyb/star/taskList',
|
||
success:(res)=>{
|
||
let d = res.data;
|
||
if(d.code == 0){
|
||
this.sign = d.rows[1];
|
||
this.dataList.rightText = this.sign.wayName;
|
||
this.isVIP = d.rows[6].isHaveVip == 1 ? true : false
|
||
}
|
||
}
|
||
})
|
||
},
|
||
goLuck(){
|
||
uni.navigateTo({
|
||
url:'../luckdraw/luckdraw?id='+this.id
|
||
})
|
||
},
|
||
//看视频加票
|
||
addPiaoSeeVideo(num){
|
||
this.request({
|
||
url:this.path+'/api/xyb/star/getMuch',
|
||
data:{
|
||
typeId:3,
|
||
much:num
|
||
},
|
||
success:(res)=>{
|
||
let d = res.data;
|
||
if(d.code == 0){
|
||
uni.showToast({
|
||
title:'看视频奖励10票！',
|
||
icon:"none"
|
||
})
|
||
this.getUserInfo();
|
||
}
|
||
}
|
||
})
|
||
},
|
||
//展示激励视频
|
||
goAdd(){
|
||
rewardedVideoAd.show()
|
||
.catch(() => {
|
||
rewardedVideoAd.load()
|
||
.then(() => rewardedVideoAd.show())
|
||
.catch(err => {
|
||
uni.showToast({
|
||
title:"暂无广告",
|
||
icon:"none"
|
||
})
|
||
console.log('激励视频 广告显示失败')
|
||
})
|
||
})
|
||
},
|
||
loadgoAdd(){
|
||
let that = this;
|
||
if (uni.createRewardedVideoAd) {
|
||
rewardedVideoAd = uni.createRewardedVideoAd({ adUnitId: 'adunit-5b9478bd6d85c51f' });
|
||
rewardedVideoAd.onLoad(() => {
|
||
console.log('激励视频 广告加载成功')
|
||
})
|
||
rewardedVideoAd.onError(err => {
|
||
console.log(err)
|
||
})
|
||
rewardedVideoAd.onClose(res => {
|
||
// 用户点击了【关闭广告】按钮
|
||
// 小于 2.1.0 的基础库版本，res 是一个 undefined
|
||
// rewardedVideoAd.offClose()
|
||
console.log(res)
|
||
if (res && res.isEnded || res === undefined) {
|
||
// 正常播放结束，可以下发游戏奖励
|
||
that.addPiaoSeeVideo(10)
|
||
}
|
||
else {
|
||
// 播放中途退出，不下发游戏奖励
|
||
|
||
}
|
||
})
|
||
}
|
||
},
|
||
goAddPiao(){
|
||
uni.navigateTo({
|
||
url:'/pages/addpiao/addpiao'
|
||
})
|
||
},
|
||
gohelp(item){
|
||
uni.navigateTo({
|
||
url:'/pages/help/help?id='+item.id+'&starId='+this.nowStar.id
|
||
})
|
||
},
|
||
|
||
}
|
||
};
|
||
</script>
|
||
|
||
<style scoped lang="scss">
|
||
.hongbao{
|
||
width: 550rpx;
|
||
height: 678rpx;
|
||
position: relative;
|
||
>image{
|
||
width: 100%;
|
||
height: 100%;
|
||
position: absolute;
|
||
z-index: -1;
|
||
}
|
||
.title{
|
||
font-size: 36rpx;
|
||
color: #fff;
|
||
padding-top: 300rpx;
|
||
text-align: center;
|
||
}
|
||
.button{
|
||
width: 100rpx;
|
||
height: 100rpx;
|
||
background-color: #ED9C00;
|
||
border-radius: 50%;
|
||
font-size: 34rpx;
|
||
color: #333;
|
||
text-align: center;
|
||
line-height: 100rpx;
|
||
margin: 60rpx auto;
|
||
|
||
}
|
||
.text{
|
||
font-size: 30rpx;
|
||
text-align: center;
|
||
color: #fff;
|
||
margin-top: 53rpx;
|
||
padding: 0 60rpx;
|
||
}
|
||
.piao{
|
||
font-size: 63rpx;
|
||
color: #fff;
|
||
margin-top: 66rpx;
|
||
text-align: center;
|
||
}
|
||
}
|
||
.vote-model{
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
width: 100vw;
|
||
height: 100vh;
|
||
z-index: 9998;
|
||
background-color: rgba(0,0,0,0.3);
|
||
}
|
||
.show-wrap{
|
||
border-radius: 10rpx;
|
||
.show-model-mask{
|
||
width: 100vw;
|
||
height: 100vh;
|
||
z-index: 10;
|
||
background-color: rgba(0,0,0,0.3);
|
||
position: fixed;
|
||
top: 0;
|
||
left: 0;
|
||
}
|
||
.show-model{
|
||
z-index: 11;
|
||
position: fixed;
|
||
top: 50%;
|
||
left: 50%;
|
||
width: 80vw;
|
||
height: auto;
|
||
margin: -40vw;
|
||
box-sizing: border-box;
|
||
background-color: #FFFFFF;
|
||
.title{
|
||
background-color: #4A67D6;
|
||
color: #FFFFFF;
|
||
text-align: center;
|
||
height: 80rpx;
|
||
line-height: 80rpx;
|
||
font-size: 30rpx;
|
||
}
|
||
.content{
|
||
background-color: #FFFFFF;
|
||
font-size: 26rpx;
|
||
padding: 15rpx 15rpx 25rpx;
|
||
box-sizing: border-box;
|
||
text-align: center;
|
||
.text-item{
|
||
margin-top: 10rpx;
|
||
text-align: left;
|
||
color: rgba(0,0,0,0.8);
|
||
|
||
}
|
||
}
|
||
.btn-group{
|
||
display: flex;
|
||
align-items: center;
|
||
text-align: center;
|
||
box-shadow: 0 -4rpx 4rpx #F2F2F2;
|
||
padding: 0 30rpx;
|
||
.button-blue{
|
||
color: #4A67D6;
|
||
}
|
||
.button-default{
|
||
background-color: #FFFFFF;
|
||
height: 80rpx;
|
||
line-height: 80rpx;
|
||
text-align: center;
|
||
padding: 0 30rpx;
|
||
font-size: 28rpx;
|
||
flex: 1;
|
||
}
|
||
button{
|
||
width: auto;
|
||
height: auto;
|
||
border: none;
|
||
padding: 0;
|
||
margin: 0;
|
||
border-radius: 0;
|
||
line-height: inherit;
|
||
background-color: #FFFFFF;
|
||
display: inline-block;
|
||
}
|
||
button::after{display: none;}
|
||
button + button{
|
||
border-left: 1px solid #F2F2F2;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
.vote{
|
||
position: fixed;
|
||
width: 80vw;
|
||
height: 400rpx;
|
||
margin-top: -200rpx;
|
||
border-radius: 30rpx;
|
||
background-color: #FFFFFF;
|
||
top: 50%;
|
||
left: 10%;
|
||
z-index: 9999;
|
||
text-align: center;
|
||
.pop{
|
||
position: relative;
|
||
top: -80rpx;
|
||
margin-bottom: 30rpx;
|
||
text{
|
||
color: #FF488D;
|
||
}
|
||
}
|
||
.my-liji{
|
||
//FF7E62 FF498D
|
||
width: 400rpx;
|
||
margin: 0 auto;
|
||
height: 68rpx;
|
||
position: relative;
|
||
top: -30rpx;
|
||
line-height: 68rpx;
|
||
text-align: center;
|
||
border-radius: 50rpx;
|
||
color: #FFFFFF;
|
||
background-image: linear-gradient(to right, #FF7E62 , #FF498D);
|
||
}
|
||
.my-pop{
|
||
display: flex;
|
||
justify-content: center;
|
||
align-items: center;
|
||
position: relative;
|
||
top: -80rpx;
|
||
font-size: 26rpx;
|
||
input{
|
||
background-color: #FFEFF5;
|
||
color: #FF488D;
|
||
height: 60rpx;
|
||
line-height: 60rpx;
|
||
padding: 10rpx 20rpx;
|
||
box-sizing: border-box;
|
||
margin: 0 15rpx;
|
||
width: 200rpx;
|
||
border-radius: 10rpx;
|
||
}
|
||
}
|
||
&>image{
|
||
width: 180rpx;
|
||
height: 180rpx;
|
||
position: relative;
|
||
margin: 0 auto;
|
||
top: -80rpx;
|
||
left: 20rpx;
|
||
}
|
||
}
|
||
.ry-blue{
|
||
color: #4A67D6;
|
||
}
|
||
.ry-list-item{
|
||
display: flex;
|
||
// justify-content: space-around;
|
||
align-items: center;
|
||
font-size: 28rpx;
|
||
padding-bottom: 15rpx;
|
||
view{
|
||
flex: 3;
|
||
}
|
||
view:nth-child(1){
|
||
flex: 1;
|
||
text-align: center;
|
||
}
|
||
view:nth-child(2){
|
||
min-width: 100rpx;
|
||
flex: 0;
|
||
margin-right: 50rpx;
|
||
}
|
||
// view:nth-child(4){
|
||
// flex: 3;
|
||
// }
|
||
}
|
||
.ry-list-item:not(:last-child){
|
||
border-bottom: 1px solid #F2F2F2;
|
||
margin: 15rpx 0;
|
||
}
|
||
.ry-list-item image{
|
||
width: 100rpx;
|
||
height: 100rpx;
|
||
border-radius: 50%;
|
||
}
|
||
.rongyu{
|
||
padding-bottom: 150rpx;
|
||
padding-left: 30rpx;
|
||
padding-right: 30rpx;
|
||
}
|
||
.ry-list{
|
||
padding: 30rpx;
|
||
box-shadow: 0 10rpx 10rpx rgba(0,0,0,0.3);
|
||
border-radius: 10rpx;
|
||
}
|
||
.ry-tit{
|
||
display: flex;
|
||
}
|
||
.ry-tit view{
|
||
flex: 1;
|
||
padding: 10rpx;
|
||
text-align: center;
|
||
box-sizing: border-box;
|
||
border-bottom: 2px solid grey;
|
||
font-size: 32rpx;
|
||
}
|
||
.ry-tit view.active{
|
||
border-color: #4A67D6;
|
||
color: #4A67D6;
|
||
}
|
||
.lijizhichi{
|
||
position: fixed;
|
||
bottom: 30rpx;
|
||
margin: 0 auto;
|
||
left: calc(50vw - 250rpx);
|
||
width: 500rpx;
|
||
height: 80rpx;
|
||
line-height: 80rpx;
|
||
font-size: 32rpx;
|
||
font-weight: 700;
|
||
border-radius: 50rpx;
|
||
text-align: center;
|
||
background-color: #FF488D;
|
||
color: #FFFFFF;
|
||
z-index: 999;
|
||
}
|
||
.item-text-flex{
|
||
display: flex;
|
||
font-size: 24rpx;
|
||
justify-content: left;
|
||
padding: 30rpx;
|
||
view:nth-child(1){
|
||
color: grey;
|
||
}
|
||
view:nth-child(2){
|
||
color: #5680E6;
|
||
margin: 0 30rpx;
|
||
}
|
||
view:nth-child(3){
|
||
color: #EB0909;
|
||
}
|
||
}
|
||
.item-bottom{
|
||
padding:30rpx 30rpx 0;
|
||
.item-content{
|
||
font-size: 32rpx;
|
||
font-weight: 700;
|
||
}
|
||
}
|
||
.item-header{
|
||
display: flex;
|
||
background-color: #5680E6;
|
||
color: #FFFFFF;
|
||
font-size: 24rpx;
|
||
height: 80rpx;
|
||
line-height: 80rpx;
|
||
padding-left: 30rpx;
|
||
position: relative;
|
||
.right-click{
|
||
width: 100rpx;
|
||
height: 48rpx;
|
||
line-height: 48rpx;
|
||
background-color: rgba(0,0,0,0.3);
|
||
position: absolute;
|
||
right: 30rpx;
|
||
top: 16rpx;
|
||
padding: 0 16rpx;
|
||
border-radius: 30rpx;
|
||
}
|
||
.time{
|
||
margin-top: 15rpx;
|
||
margin-left: 20rpx;
|
||
}
|
||
}
|
||
.bg-red {
|
||
background-color: #e54d42;
|
||
color: #ffffff;
|
||
}
|
||
.bg-blue{
|
||
background-color: #4CD964;
|
||
color: #FFFFFF;
|
||
}
|
||
.cu-progress {
|
||
overflow: hidden;
|
||
height: 28upx;
|
||
background-color: #ebeef5;
|
||
display: inline-flex;
|
||
align-items: center;
|
||
width: 100%;
|
||
position: relative;
|
||
.text{
|
||
position: absolute;
|
||
top: 0;
|
||
left: 0;
|
||
}
|
||
}
|
||
|
||
.cu-progress+view,
|
||
.cu-progress+text {
|
||
line-height: 1;
|
||
}
|
||
|
||
.cu-progress.xs {
|
||
height: 10upx;
|
||
}
|
||
|
||
.cu-progress.sm {
|
||
height: 20upx;
|
||
}
|
||
|
||
.cu-progress view {
|
||
|
||
height: 100%;
|
||
align-items: center;
|
||
display: flex;
|
||
justify-items: flex-end;
|
||
justify-content: space-around;
|
||
font-size: 20upx;
|
||
color: #ffffff;
|
||
transition: width 0.6s ease;
|
||
}
|
||
|
||
.cu-progress text {
|
||
align-items: center;
|
||
display: flex;
|
||
font-size: 20upx;
|
||
color: #333333;
|
||
text-indent: 10upx;
|
||
}
|
||
|
||
.cu-progress.text-progress {
|
||
padding-right: 60upx;
|
||
}
|
||
|
||
.cu-progress.striped view {
|
||
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
|
||
background-size: 72upx 72upx;
|
||
}
|
||
|
||
.cu-progress.active view {
|
||
animation: progress-stripes 2s linear infinite;
|
||
}
|
||
|
||
@keyframes progress-stripes {
|
||
from {
|
||
background-position: 72upx 0;
|
||
}
|
||
|
||
to {
|
||
background-position: 0 0;
|
||
}
|
||
}
|
||
.content {
|
||
.ad-view{
|
||
padding: 0 30rpx;
|
||
z-index: 1;
|
||
}
|
||
.ziyuan{
|
||
border-radius: 10rpx;
|
||
padding: 30rpx;
|
||
|
||
.zi-item{
|
||
box-shadow: 0 0 5rpx 5rpx #5680E6;
|
||
border-radius: 10rpx;
|
||
margin-bottom: 20rpx;
|
||
}
|
||
|
||
}
|
||
.dingyue{
|
||
padding: 0 30rpx;
|
||
background-color: #5680E6;
|
||
margin: 30rpx;
|
||
font-size: 28rpx;
|
||
text-align: center;
|
||
height: 60rpx;
|
||
line-height: 60rpx;
|
||
color: #FFFFFF;
|
||
border-radius: 30rpx;
|
||
}
|
||
.my-bottom{
|
||
margin-top: 30rpx;
|
||
.share{
|
||
padding: 0;
|
||
margin: 0;
|
||
border: none;
|
||
background-color: transparent;
|
||
line-height: initial;
|
||
text-align: left;
|
||
}
|
||
.cell--nickname {
|
||
font-size: 14px!important;
|
||
}
|
||
.gcontact{
|
||
padding: 0 56rpx 0 30rpx;
|
||
font-size: 14px;
|
||
}
|
||
}
|
||
.guard-people {
|
||
padding: 20rpx;
|
||
margin: 0 30rpx 10rpx;
|
||
display: flex;
|
||
align-items: center;
|
||
.left {
|
||
font-size: 30rpx;
|
||
}
|
||
> image {
|
||
width: 70rpx;
|
||
height: 70rpx;
|
||
border-radius: 50%;
|
||
}
|
||
.right {
|
||
border-radius: 22rpx;
|
||
margin-left: auto;
|
||
width: 256rpx;
|
||
height: 90rpx;
|
||
box-shadow: 0 0 10rpx #f0f0f0;
|
||
display: flex;
|
||
align-items: center;
|
||
> image {
|
||
width: 50rpx;
|
||
height: 50rpx;
|
||
margin: 0 40rpx 0 20rpx;
|
||
}
|
||
> view {
|
||
.text-top {
|
||
color: #333;
|
||
font-size: 26rpx;
|
||
margin-bottom: 10rpx;
|
||
}
|
||
.text-bottom {
|
||
font-size: 20rpx;
|
||
color: rgb(25, 191, 202);
|
||
}
|
||
}
|
||
}
|
||
}
|
||
.top-notice {
|
||
display: flex;
|
||
font-size: 24rpx;
|
||
padding: 20rpx;
|
||
margin: 0 30rpx 10rpx;
|
||
border-radius: 10rpx;
|
||
color: #5680E6;
|
||
view {
|
||
color: #333333;
|
||
}
|
||
box-shadow: 0 0 10rpx #efdccd;
|
||
}
|
||
.top-img {
|
||
background-image: linear-gradient(#5680E6,#ffffff);
|
||
overflow: hidden;
|
||
padding: 30rpx;
|
||
image {
|
||
width: 100%;
|
||
border-radius: 10rpx;
|
||
height: 360rpx;
|
||
overflow: hidden;
|
||
float: left;
|
||
}
|
||
}
|
||
.top-name {
|
||
display: flex;
|
||
padding:0 30rpx 20rpx;
|
||
.left-name {
|
||
font-weight: 700;
|
||
font-size: 40rpx;
|
||
line-height: 100rpx;
|
||
}
|
||
.right-swiper {
|
||
flex: 1;
|
||
.swiper {
|
||
width: 100%;
|
||
height: 100rpx;
|
||
.swiper-item {
|
||
padding-left: 30rpx;
|
||
text-align: right;
|
||
font-size: 28rpx;
|
||
color: #5680E6;
|
||
letter-spacing: 2rpx;
|
||
word-spacing: 2rpx;
|
||
text{
|
||
font-size: 32rpx;
|
||
font-weight: 700;
|
||
color: #DD524D;
|
||
margin: 0 20rpx;
|
||
}
|
||
.bgv{
|
||
margin-left: 50rpx;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
.support-rank {
|
||
margin: 30rpx;
|
||
.rank-row {
|
||
display: flex;
|
||
background-color: rgb(248,248,248);
|
||
margin-bottom: 24rpx;
|
||
justify-content: space-around;
|
||
> view {
|
||
box-sizing: border-box;
|
||
color: #249bc5;
|
||
font-size: 25rpx;
|
||
padding-top: 18rpx;
|
||
text-align: center;
|
||
width: 196rpx;
|
||
height: 121rpx;
|
||
background: url("/static/supprt/rank.png") center center/100% 100% no-repeat;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
.guard-popup {
|
||
background-color: #FFFFFF;
|
||
box-sizing: border-box;
|
||
width: 650rpx;
|
||
padding: 50rpx 30rpx 100rpx;
|
||
position: relative;
|
||
.title {
|
||
text-align: center;
|
||
font-size: 40rpx;
|
||
color: #07a6e0;
|
||
margin-bottom: 50rpx;
|
||
}
|
||
.cando {
|
||
font-size: 33rpx;
|
||
color: #646464;
|
||
> view {
|
||
margin: 0 15rpx 30rpx;
|
||
}
|
||
}
|
||
.guard-item {
|
||
font-size: 30rpx;
|
||
> view {
|
||
width: 580rpx;
|
||
height: 108rpx;
|
||
text-align: center;
|
||
line-height: 108rpx;
|
||
border: 2rpx solid #f59ccc;
|
||
color: #FFFFFF;
|
||
margin-bottom: 16rpx;
|
||
background-color: rgb(7,166,224);
|
||
}
|
||
}
|
||
.close {
|
||
position: absolute;
|
||
right: 30rpx;
|
||
top: 30rpx;
|
||
font-size: 40rpx;
|
||
color: #000;
|
||
}
|
||
}
|
||
</style>
|