karlcarlo
a5c5d753b6
- 新增大量图片资源，包括图标、背景图、海报等，用于页面展示 - 添加字体文件及样式配置，支持自定义字体 - 引入 uni-ui 组件库，包括图标、弹窗、日期选择器等常用组件 - 添加网络状态监听、加密工具等基础工具函数 - 配置 Vuex 状态管理，包括购物车数量、热门搜索词等 - 增加页面组件，如用户协议、分销信息、提现状态等 - 配置项目构建和忽略文件，优化开发体验
140 lines
3.1 KiB
Vue
140 lines
3.1 KiB
Vue
<template>
|
||
<!-- 抽奖结果弹窗 -->
|
||
<view class="aleart flex-col flex-center" v-if="aleartStatus" @touchmove.stop.prevent>
|
||
<image :src="alData.image" class="w-180 h-180"></image>
|
||
<view class="fs-34 font-red fw-500 lh-48rpx mt-24"
|
||
:class="theme ? 'font-num' : 'font-red'"
|
||
>{{alData.type > 1 ? '恭喜你获得' : alData.name}}</view>
|
||
<view class="fs-26 text--w111-333 lh-36rpx mt-24">{{aleartData.msg}}</view>
|
||
<view class="btn flex-center fs-28 text--w111-fff mt-32" @tap="posterImageClose"
|
||
:class="theme ? 'bg-gradient1' : 'bg-red-g'"
|
||
>{{alData.type > 1 ? '立即领取' : '我知道了'}}</view>
|
||
<text class="close iconfont icon-ic_close1" @click="posterImageClose"></text>
|
||
<slot name="bottom"></slot>
|
||
</view>
|
||
</template>
|
||
|
||
<script>
|
||
import { openReceivedSubscribe } from "@/utils/SubscribeMessage.js"
|
||
export default {
|
||
data() {
|
||
return {
|
||
aleartData: {}
|
||
}
|
||
},
|
||
props: {
|
||
aleartType: {
|
||
type: Number,
|
||
default:0
|
||
},
|
||
alData: {
|
||
type: Object,
|
||
default:()=>{}
|
||
},
|
||
aleartStatus: {
|
||
type: Boolean,
|
||
default: false
|
||
},
|
||
theme:{
|
||
type: Boolean,
|
||
default: false
|
||
}
|
||
},
|
||
watch: {
|
||
aleartType(type) {
|
||
if (type === 1) {
|
||
this.aleartData = {
|
||
title: '暂无抽奖资格',
|
||
msg: `1、您未关注公众号
|
||
2、您未获得VIP权限，获取VIP途径：
|
||
（1）购买过打通版的用户可在会员群联系官方客服开通
|
||
（2）官方小程序商城购买CRMEB打通版、企业版后自动开通`,
|
||
btn: '我知道了'
|
||
}
|
||
} else if (type === 2) {
|
||
this.aleartData = {
|
||
title: '抽奖结果',
|
||
img: this.alData.image,
|
||
msg: this.alData.prompt,
|
||
btn: '好的',
|
||
type: this.alData.type
|
||
}
|
||
}
|
||
},
|
||
aleartStatus(status) {
|
||
if (!status) {
|
||
this.aleartData = {}
|
||
}
|
||
}
|
||
},
|
||
methods: {
|
||
//隐藏弹窗
|
||
posterImageClose(type) {
|
||
if(this.alData.type == 4){
|
||
// #ifdef MP-WEIXIN
|
||
uni.showLoading({
|
||
title: '正在加载'
|
||
});
|
||
openReceivedSubscribe().then(res=>{
|
||
uni.hideLoading();
|
||
uni.navigateTo({
|
||
url: '/pages/goods/lottery/grids/record'
|
||
})
|
||
}).catch(err=>{
|
||
uni.hideLoading();
|
||
uni.navigateTo({
|
||
url: '/pages/goods/lottery/grids/record'
|
||
})
|
||
})
|
||
// #endif
|
||
// #ifdef H5 || APP-PLUS
|
||
uni.navigateTo({
|
||
url: '/pages/goods/lottery/grids/record'
|
||
})
|
||
// #endif
|
||
}
|
||
this.$emit("close", false)
|
||
},
|
||
}
|
||
|
||
}
|
||
</script>
|
||
|
||
<style lang="scss" scoped>
|
||
.aleart {
|
||
width: 480rpx;
|
||
height: 544rpx;
|
||
position: fixed;
|
||
left: 50%;
|
||
top: 50%;
|
||
transform: translate(-50%,-50%);
|
||
z-index: 9999;
|
||
background-color: #fff;
|
||
border-radius: 48rpx;
|
||
background-image:url('../../static/alert_modal_bg.png');
|
||
background-size:100%;
|
||
background-repeat: no-repeat;
|
||
}
|
||
.aleart .close{
|
||
position: absolute;
|
||
left:50%;
|
||
bottom:-100rpx;
|
||
transform: translateX(-50%);
|
||
color: #fff;
|
||
font-size:50rpx;
|
||
|
||
}
|
||
.font-red{
|
||
color: #e93323;
|
||
}
|
||
.btn{
|
||
width: 280rpx;
|
||
height: 80rpx;
|
||
border-radius: 50rpx;
|
||
color: #fff;
|
||
}
|
||
.bg-red-g{
|
||
background: linear-gradient(90deg, #FF7931 0%, #E93323 100%);
|
||
}
|
||
</style>
|