This commit is contained in:
yangtao 2024-04-10 20:06:38 +08:00
parent 8a407aa5c3
commit 845ad5b693
3 changed files with 22 additions and 20 deletions

View File

@ -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;

View File

@ -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;

View File

@ -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;