This commit is contained in:
parent
8a407aa5c3
commit
845ad5b693
|
@ -17,23 +17,24 @@
|
||||||
<view class="coupon_popups" v-if="popShow">
|
<view class="coupon_popups" v-if="popShow">
|
||||||
<view class="bg2"></view>
|
<view class="bg2"></view>
|
||||||
<view class="con" >
|
<view class="con" >
|
||||||
<view class="content">
|
<view class="contents">
|
||||||
<image :src="drawInfo.img" mode=""></image>
|
<image src="@/static/images/jf.png" style="width: 48px;height:48px;" mode=""></image>
|
||||||
<view class="text-black">恭喜您获得</view>
|
<view class="text-black">恭喜您获得</view>
|
||||||
<view class="text-red">{{drawInfo.text}}积分</view>
|
<view class="text-red">{{drawInfo.text}}积分</view>
|
||||||
<view class="btn" @click="confirm">开心收下</view>
|
<view class="btn" @click="confirm" v-if="">开心收下</view>
|
||||||
|
<view class="btn" @click="goBlind">继续开盲盒</view>
|
||||||
</view>
|
</view>
|
||||||
<view class='iconfont icon-guanbi3' @click="popShow = false"></view>
|
<view class='iconfont icon-guanbi3' @click="popShow = false"></view>
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
|
<blindBox v-if="blindShow"></blindBox>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
|
|
||||||
import {getWhellNumber,getWhellConfig,getWhellAction,getWhellList,setSignIntegral} from '@/api/user.js';
|
import {getWhellNumber,getWhellConfig,getWhellAction,getWhellList,setSignIntegral} from '@/api/user.js';
|
||||||
import blindBox from '@/components/blindBox/blindBox.vue';
|
import blindBox from '@/components/blindBox/blindBox.vue';
|
||||||
export default {
|
export default {
|
||||||
components: {
|
components: {
|
||||||
blindBox
|
blindBox
|
||||||
|
@ -43,6 +44,7 @@
|
||||||
wheel:0,
|
wheel:0,
|
||||||
popShow:false,
|
popShow:false,
|
||||||
gifShow:false,
|
gifShow:false,
|
||||||
|
blindShow:false,
|
||||||
integral:'',
|
integral:'',
|
||||||
list:[],
|
list:[],
|
||||||
drawInfo:{
|
drawInfo:{
|
||||||
|
@ -59,14 +61,14 @@
|
||||||
this.popShow = false;
|
this.popShow = false;
|
||||||
this.close();
|
this.close();
|
||||||
},
|
},
|
||||||
async openBox(){
|
async openBox(){
|
||||||
await setSignIntegral().then(res=>{
|
await setSignIntegral().then(res=>{
|
||||||
this.drawInfo.text = res.data.integral;
|
this.drawInfo.text = res.data.integral;
|
||||||
this.gifShow=true;
|
this.gifShow=true;
|
||||||
setTimeout(()=>{
|
setTimeout(()=>{
|
||||||
this.gifShow=false;
|
this.gifShow=false;
|
||||||
this.popShow=true;
|
this.popShow=true;
|
||||||
},1500)
|
},1500)
|
||||||
}).catch(err=>{
|
}).catch(err=>{
|
||||||
this.close();
|
this.close();
|
||||||
return this.$util.Tips({title:err})
|
return this.$util.Tips({title:err})
|
||||||
|
@ -117,7 +119,7 @@
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
.content{
|
.contents{
|
||||||
width: 500rpx;
|
width: 500rpx;
|
||||||
height: 520rpx;
|
height: 520rpx;
|
||||||
border-radius: 20rpx;
|
border-radius: 20rpx;
|
||||||
|
@ -128,11 +130,11 @@
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
grid-gap: 40rpx;
|
grid-gap: 40rpx;
|
||||||
image{
|
// image{
|
||||||
width: 300rpx;
|
// width: 860rpx;
|
||||||
height: 200rpx;
|
// height: 200rpx;
|
||||||
margin-top: 50rpx;
|
// margin-top: 50rpx;
|
||||||
}
|
// }
|
||||||
.text-black{
|
.text-black{
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
|
|
@ -457,7 +457,7 @@
|
||||||
}
|
}
|
||||||
.merchantsSettled {
|
.merchantsSettled {
|
||||||
// background-image: linear-gradient(var(--view-bntColor21) 0%, var(--view-bntColor22) 100%);
|
// background-image: linear-gradient(var(--view-bntColor21) 0%, var(--view-bntColor22) 100%);
|
||||||
height: 125vh;
|
height: 100vh;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
grid-gap: 32rpx;
|
grid-gap: 32rpx;
|
||||||
|
|
|
@ -52,7 +52,7 @@
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<treasureBox v-if="treasureShow" @closeTreasureBox="closeBox"></treasureBox>
|
<treasureBox v-if="treasureShow" @closeTreasureBox="closeBox"></treasureBox>
|
||||||
<blindBox v-if="blindShow"></blindBox>
|
|
||||||
<view class='signTip acea-row row-center-wrapper' :class='active==true?"on":""'>
|
<view class='signTip acea-row row-center-wrapper' :class='active==true?"on":""'>
|
||||||
<view class='signTipLight loadingpic'></view>
|
<view class='signTipLight loadingpic'></view>
|
||||||
<view class='signTipCon' :style="'background-image: url('+domain+'/static/diy/signSuccess'+keyColor+'.png)'">
|
<view class='signTipCon' :style="'background-image: url('+domain+'/static/diy/signSuccess'+keyColor+'.png)'">
|
||||||
|
@ -73,9 +73,9 @@
|
||||||
import { HTTP_REQUEST_URL } from '@/config/app';
|
import { HTTP_REQUEST_URL } from '@/config/app';
|
||||||
import { toLogin } from '@/libs/login.js';
|
import { toLogin } from '@/libs/login.js';
|
||||||
import treasureBox from '@/components/treasureBox/index.vue';
|
import treasureBox from '@/components/treasureBox/index.vue';
|
||||||
import blindBox from '@/components/blindBox/blindBox.vue';
|
|
||||||
export default {
|
export default {
|
||||||
components: {treasureBox,blindBox},
|
components: {treasureBox},
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
domain: HTTP_REQUEST_URL,
|
domain: HTTP_REQUEST_URL,
|
||||||
|
@ -91,7 +91,7 @@
|
||||||
is_sign: false, //是否签到
|
is_sign: false, //是否签到
|
||||||
disabled: false,
|
disabled: false,
|
||||||
treasureShow:false,
|
treasureShow:false,
|
||||||
blindShow:false,
|
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
computed: mapGetters(['isLogin','viewColor','keyColor']),
|
computed: mapGetters(['isLogin','viewColor','keyColor']),
|
||||||
|
@ -131,11 +131,11 @@
|
||||||
getUserInfo:function(){
|
getUserInfo:function(){
|
||||||
let that=this;
|
let that=this;
|
||||||
getSignUser().then(res=>{
|
getSignUser().then(res=>{
|
||||||
res.data.sign_num=6;
|
// res.data.sign_num=6;
|
||||||
res.data.integral = parseInt(res.data.integral);
|
res.data.integral = parseInt(res.data.integral);
|
||||||
let sum_sgin_day = res.data.count;
|
let sum_sgin_day = res.data.count;
|
||||||
that.$set(that,'signConfig',res.data.title);
|
that.$set(that,'signConfig',res.data.title);
|
||||||
that.$set(that,'is_sign',res.data.is_sign);
|
// that.$set(that,'is_sign',res.data.is_sign);
|
||||||
that.$set(that,'userInfo',res.data.userInfo);
|
that.$set(that,'userInfo',res.data.userInfo);
|
||||||
that.signCount = that.PrefixInteger(sum_sgin_day, 4);
|
that.signCount = that.PrefixInteger(sum_sgin_day, 4);
|
||||||
that.sign_index = res.data.sign_num;
|
that.sign_index = res.data.sign_num;
|
||||||
|
|
Loading…
Reference in New Issue