|
|
@@ -1,24 +1,30 @@
|
|
|
<template>
|
|
|
<view>
|
|
|
- <u-popup :custom-style="popupStyle" class="auth-point" v-model="show" mode="center" width="70%" border-radius="28" >
|
|
|
- <view class="auth-bg">
|
|
|
- <view class="auth-arc"></view>
|
|
|
- <image style="width: 70%; margin-top: 56rpx;" src="../../static/poster/votesuccess.png" mode="widthFix"></image>
|
|
|
- <view class="avatar-vote flex justify-center align-center">
|
|
|
- <u-avatar size="159" :src="avatar"></u-avatar>
|
|
|
- </view>
|
|
|
- <view class="info-box">
|
|
|
- <view class="main-info">成功为该作品助力{{activeVote}}票</view>
|
|
|
- <view class="sub-info" style="padding: 0 20rpx;">
|
|
|
- 你已获得{{vuex_active_setting.voteAndPointRate * activeVote}}个平台积分,可用于"积分换礼"兑换礼品哦
|
|
|
+ <u-mask :show="show" @click="show = false">
|
|
|
+ <view class="u-flex" style="flex-direction: column; height: 100vh; justify-content: center; align-items: center;">
|
|
|
+ <view class="auth-bg">
|
|
|
+ <view class="auth-arc"></view>
|
|
|
+ <image style="width: 70%; position: absolute; top: 64rpx;" src="../../static/poster/votesuccess.png" mode="widthFix"></image>
|
|
|
+ <view class="avatar-vote flex justify-center align-center">
|
|
|
+ <u-avatar size="159" :src="avatar"></u-avatar>
|
|
|
</view>
|
|
|
- <view class="flex justify-center" style="margin-top: 90rpx;">
|
|
|
- <u-button @click="show=false" shape="circle" :custom-style="customStyle">继续投票</u-button>
|
|
|
- <u-button shape="circle" :custom-style="customStyle" @click="support">花积分</u-button>
|
|
|
+ <view class="info-box">
|
|
|
+ <view class="main-info">成功为该作品助力{{activeVote}}票</view>
|
|
|
+ <view class="sub-info" style="padding: 0 20rpx;">
|
|
|
+ 你已获得{{vuex_active_setting.voteAndPointRate * activeVote}}个平台积分,可用于"积分换礼"兑换礼品哦
|
|
|
+ </view>
|
|
|
+ <view class="flex justify-center" style="margin-top: 30rpx;">
|
|
|
+ <u-button @click="show=false" shape="circle" :custom-style="customStyle">继续投票</u-button>
|
|
|
+ <u-button shape="circle" :custom-style="customStyle" @click="support">花积分</u-button>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
</view>
|
|
|
+
|
|
|
+ <view style="width: 65%; margin: 60rpx auto 0;" v-if="list.length > 0">
|
|
|
+ <u-swiper :list="list" name="url" @click="click"></u-swiper>
|
|
|
+ </view>
|
|
|
</view>
|
|
|
- </u-popup>
|
|
|
+ </u-mask>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
@@ -40,7 +46,8 @@
|
|
|
margin: '10rpx',
|
|
|
height:"60rpx",
|
|
|
fontSize:"26rpx"
|
|
|
- }
|
|
|
+ },
|
|
|
+ list: []
|
|
|
};
|
|
|
},
|
|
|
created() {
|
|
|
@@ -48,6 +55,12 @@
|
|
|
},
|
|
|
|
|
|
methods: {
|
|
|
+ click(index){
|
|
|
+ let url = this.list[index].path;
|
|
|
+ if( !!url && (url.indexOf('http://') > -1 || url.indexOf('https://') > -1) ){
|
|
|
+ window.location.href = url;
|
|
|
+ }
|
|
|
+ },
|
|
|
toIndex(){
|
|
|
uni.switchTab({
|
|
|
url:"/pages/index/home"
|
|
|
@@ -71,20 +84,23 @@
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
|
.auth-bg{
|
|
|
- width: 100%;
|
|
|
- background: transparent;
|
|
|
+ width: 65%;
|
|
|
+ background: #fff;
|
|
|
display: flex;
|
|
|
flex-direction: column;
|
|
|
+ justify-content: center;
|
|
|
align-items: center;
|
|
|
- min-height: 688rpx;
|
|
|
+ min-height: 620rpx;
|
|
|
position: relative;
|
|
|
+ overflow: hidden;
|
|
|
+ border-radius: 20rpx;
|
|
|
+ margin: 0 auto;
|
|
|
.auth-arc{
|
|
|
position: absolute;
|
|
|
width: 140%;
|
|
|
height: 220rpx;
|
|
|
left: 50%;
|
|
|
top: 0;
|
|
|
- z-index: -1;
|
|
|
transform: translateX(-50%);
|
|
|
background: var(--bgColor);
|
|
|
border-radius: 0 0 50% 50%;
|