certificate.vue
1.6 KB
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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
<template>
<view class="content">
<view style="padding-top: 32rpx;">
<view class="TopBox">
<view class="Zheng"><text class="duoTwo">培训合格证书</text></view>
<view class="Nav"><text class="duo">张小鱼，女，身份1302231998102622 56，参加2021年</text></view>
<view class="hege"><text class="duo">成绩合格，特发此证。</text></view>
<view class="bianhao"><text class="duo">证书编号：J1234667859</text></view>
<view class="zhang"><text class="duo">匠心燃气培训(盖章)</text></view>
<view class="time"><text class="duo">2021年4月3日</text></view>
</view>
</view>
<view class="BtnBox" @click="Save">
<text class="save">保存</text>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
//点击保存
Save() {
}
}
}
</script>
<style>
.zhang {
text-align: end;
margin-bottom: 16px;
font-size: 18px;
}
.time {
text-align: end;
}
.Nav {
margin-bottom: 39px;
text-indent: 25px;
}
.bianhao {
margin-bottom: 56px;
}
.hege {
margin-bottom: 25px;
}
.Zheng {
text-align: center;
margin: 20px 0 39px 0;
}
.TopBox {
margin: 0 32rpx 0 32rpx;
background-color: #FFFFFF;
padding: 16px;
}
.content {
background-color: #F2F3F5;
height: 100vh;
}
.duo {
color: #323233;
font-size: 34rpx;
}
.duoTwo {
color: #323233;
font-size: 36rpx;
font-size: 18px;
}
.BtnBox {
display: flex;
align-items: center;
justify-content: center;
height: 96rpx;
background: #1d4582;
border-radius: 16rpx;
margin: 100rpx 174rpx 0 174rpx;
}
.save {
color: #FFFFFF;
font-size: 36rpx;
}
</style>