1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<template>
<div>
<mt-header title="领取成功">
<div slot="left" @click="goBack">
<mt-button icon="back"></mt-button>
</div>
</mt-header>
<div class="success-img">
<img src="../assets/img/receiveSuccess.png"/>
<div class="tips">
温馨提示：对于同一种避孕药具，一个人一个季度最多领取三盒
</div>
</div>
<div class="backHome">
<mt-button type="primary" @click="backHome">返回首页</mt-button>
</div>
</div>
</template>
<script>
import {callMobile} from "../utils/common";
export default {
name: "receiveSuccess",
methods:{
goBack() {
window.history.go(-1)
},
backHome(){
callMobile("goIndex", {});
}
}
}
</script>
<style scoped>
.tips{
color: #747971;
font-size: 14px;
padding: 10px 30px 20px;
}
.success-img{
text-align: center;
padding-top: 100px;
}
.backHome {
position: fixed;
z-index: 2;
left: calc(50% - 155px);
}
.backHome .mint-button {
width: 311px;
height: 44px;
background: linear-gradient(242deg, #dff9b9 -27%, #1bd09f 85%);
border-radius: 22px;
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
}
</style>