karlcarlo
a5c5d753b6
- 新增大量图片资源，包括图标、背景图、海报等，用于页面展示 - 添加字体文件及样式配置，支持自定义字体 - 引入 uni-ui 组件库，包括图标、弹窗、日期选择器等常用组件 - 添加网络状态监听、加密工具等基础工具函数 - 配置 Vuex 状态管理，包括购物车数量、热门搜索词等 - 增加页面组件，如用户协议、分销信息、提现状态等 - 配置项目构建和忽略文件，优化开发体验
125 lines
2.2 KiB
Vue
125 lines
2.2 KiB
Vue
<template>
|
|
<view class="warpper">
|
|
<view class="aleart">
|
|
<view class="aleart-body">
|
|
<image v-if="!status" class="goods-img" src="../static/receive_gifts_error.png" mode=""></image>
|
|
<image v-else class="goods-img" src="../static/receive_gifts_success.png" mode=""></image>
|
|
</view>
|
|
<view class="title">
|
|
{{ status ? '礼物领取成功' : '领取失败，礼物已失效' }}
|
|
</view>
|
|
<view v-if="status" class="btn" @click="goPage(0)">
|
|
查看礼物详情
|
|
</view>
|
|
<view v-if="status" class="btn-clear" @click="goPage(1)">
|
|
返回商城首页
|
|
</view>
|
|
<view v-if="!status" class="btn" @click="goPage(1)">
|
|
返回商城首页
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
status: 0,
|
|
orderId: 0
|
|
};
|
|
},
|
|
onLoad(options) {
|
|
this.status = options.status;
|
|
this.orderId = options.order_id;
|
|
},
|
|
methods: {
|
|
goPage(type) {
|
|
if (type) {
|
|
uni.reLaunch({
|
|
url: '/pages/index/index'
|
|
});
|
|
} else {
|
|
uni.reLaunch({
|
|
url: `/pages/goods/order_details/index?order_id=${this.orderId}`
|
|
});
|
|
}
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.warpper {
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
.aleart {
|
|
width: 670rpx;
|
|
z-index: 7;
|
|
background-color: #fff;
|
|
padding: 74rpx 30rpx 50rpx;
|
|
border-radius: 12rpx;
|
|
background-size: 100% 100%;
|
|
margin-top: 24rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
justify-content: center;
|
|
|
|
.from {
|
|
font-size: 28rpx;
|
|
font-weight: 500;
|
|
color: #333333;
|
|
margin-bottom: 16rpx;
|
|
}
|
|
.message {
|
|
font-weight: 400;
|
|
font-size: 26rpx;
|
|
color: #999999;
|
|
margin-bottom: 42rpx;
|
|
}
|
|
.aleart-body {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-bottom: 32rpx;
|
|
padding: 0 30rpx;
|
|
.goods-img {
|
|
width: 206rpx;
|
|
height: 152rpx;
|
|
margin-top: 24rpx;
|
|
}
|
|
}
|
|
.title {
|
|
font-weight: 500;
|
|
font-size: 32rpx;
|
|
color: #282828;
|
|
margin-bottom: 48rpx;
|
|
}
|
|
}
|
|
.btn,
|
|
.btn-clear,
|
|
.btn-n {
|
|
width: 100%;
|
|
height: 84rpx;
|
|
line-height: 84rpx;
|
|
border-radius: 20px;
|
|
text-align: center;
|
|
margin-bottom: 30rpx;
|
|
}
|
|
.btn {
|
|
color: #fff;
|
|
background: #e93323;
|
|
}
|
|
.btn-clear {
|
|
color: #e93323;
|
|
border: 1px solid #e93323;
|
|
}
|
|
.btn-n {
|
|
color: #fff;
|
|
background: #cccccc;
|
|
}
|
|
</style>
|