index.vue
10 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
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
<template>
<div class="page flex-col">
<div class="section_1 flex-row justify-between">
<span class="text_1">9:41</span>
<img
class="image_1"
referrerpolicy="no-referrer"
src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng413f9d678a24a9b746fdc981fa579b56b2cbd98eddd024ab1279ef48ae59291e"
/>
</div>
<div class="section_2 flex-row justify-between">
<img
class="thumbnail_1"
referrerpolicy="no-referrer"
src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng66b8991933f35bccdd7664c63b4a7cba9b2c3554be75da299d9c33e4b9efda22"
/>
<span class="text_2">入职相关</span>
</div>
<div class="section_3 flex-col">
<div class="list_1 flex-col">
<div
class="list-items_1 flex-col"
v-for="(item, index) in loopData0"
:key="index"
>
<div
class="text-wrapper_1 flex-col"
:style="{ background: item.lanhuBg1 }"
>
<span class="text_3" v-html="item.lanhutext0"></span>
</div>
<div class="box_1 flex-row justify-between">
<div class="image-text_1 flex-row justify-between">
<img
class="label_1"
referrerpolicy="no-referrer"
:src="item.lanhuimage0"
/>
<div class="text-group_1 flex-col">
<span class="text_4" v-html="item.lanhutext1"></span>
<span class="text_5" v-html="item.lanhutext2"></span>
</div>
</div>
<img
class="thumbnail_2"
referrerpolicy="no-referrer"
:src="item.lanhuimage1"
/>
</div>
<img
class="image_2"
referrerpolicy="no-referrer"
:src="item.lanhuimage2"
/>
<div class="box_2 flex-row justify-between">
<div class="image-text_2 flex-row justify-between">
<img
class="label_2"
referrerpolicy="no-referrer"
:src="item.lanhuimage3"
/>
<div class="text-group_2 flex-col">
<span class="text_6" v-html="item.lanhutext3"></span>
<span class="text_7" v-html="item.lanhutext4"></span>
</div>
</div>
<img
class="thumbnail_3"
referrerpolicy="no-referrer"
:src="item.lanhuimage4"
/>
</div>
<img
class="image_3"
referrerpolicy="no-referrer"
:src="item.lanhuimage5"
/>
<div class="box_3 flex-row justify-between">
<div class="image-text_3 flex-row justify-between">
<img
class="label_3"
referrerpolicy="no-referrer"
:src="item.lanhuimage6"
/>
<div class="text-group_3 flex-col">
<span class="text_8" v-html="item.lanhutext5"></span>
<span class="text_9" v-html="item.lanhutext6"></span>
</div>
</div>
<img
class="thumbnail_4"
referrerpolicy="no-referrer"
:src="item.lanhuimage7"
/>
</div>
</div>
</div>
</div>
<div class="section_4 flex-col">
<img
class="image_4"
referrerpolicy="no-referrer"
src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngbf3e746af52a38753bd540d5f486761a166161ff3c8f2985aa5e994a36349ea4"
/>
<div class="box_4 flex-row justify-between">
<div class="image-text_4 flex-col">
<img
class="label_4"
referrerpolicy="no-referrer"
src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngbd9205e4b62cd8bbf2ca836033731f8941362539da1b5092b7238c1d20a8b893"
/>
<span class="text-group_4">首页</span>
</div>
<div class="image-text_5 flex-col">
<img
class="label_5"
referrerpolicy="no-referrer"
src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPnge3c905d9bf073c4382e089264cf3a9bbaa6d9f6e2b13ca001c973e0a0e99e546"
/>
<span class="text-group_5">AI答疑</span>
</div>
<div class="image-text_6 flex-col">
<img
class="label_6"
referrerpolicy="no-referrer"
src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPngd682274e12d83204c6fe38541ed229be1287f4906b1649a2f43087e9a1663141"
/>
<span class="text-group_6">我的</span>
</div>
</div>
</div>
<img
class="image_5"
referrerpolicy="no-referrer"
src="https://lanhu-oss-2537-2.lanhuapp.com/SketchPng830c4568c4d0141e1fa97f7fad1e075e2178ab08e5613734b08eaf46dcdd4207"
/>
</div>
</template>
<script>
export default {
data() {
return {
loopData0: [
{
lanhuBg1:
'url(https://lanhu-oss-2537-2.lanhuapp.com/SketchPngf6b5569e98879ac239ffb4ec3f6c7a5f2b80c5212e437f02595f33aa9995c418) 100% no-repeat',
lanhutext0: '入职前',
lanhuimage0:
'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng06859b32f72027e5238ef7d9544a10963aa1d8a3905e1337201c8c90ec971a73',
lanhutext1: '考试报名',
lanhutext2: '资格考试报名入口',
lanhuimage1:
'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng707b53faf6c0e12714b30ddc8728b543d6b41f89ccf653bc8e9af843b5d6034b',
lanhuimage2:
'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng3c66f4cdf0985e0a511499c673722e7de823ee66a0a99f8f639b4340544223c8',
lanhuimage3:
'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng7353de291d4a1ec9219fb1d3186a690eeefb24a32983898bee5d42f2d0bfa542',
lanhutext3: '考试资料及刷题',
lanhutext4: '历年真题及模拟题库',
lanhuimage4:
'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng707b53faf6c0e12714b30ddc8728b543d6b41f89ccf653bc8e9af843b5d6034b',
lanhuimage5:
'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng3c66f4cdf0985e0a511499c673722e7de823ee66a0a99f8f639b4340544223c8',
lanhuimage6:
'https://lanhu-oss-2537-2.lanhuapp.com/SketchPngf0261465bdc197c6d7b326ef08d5363db4e6e6136190a24e79853b9ffd6c5710',
lanhutext5: '签合约锁人规则',
lanhutext6: '合约条款详解',
lanhuimage7:
'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng707b53faf6c0e12714b30ddc8728b543d6b41f89ccf653bc8e9af843b5d6034b',
},
{
lanhuBg1:
'url(https://lanhu-oss-2537-2.lanhuapp.com/SketchPng06a4afd9fc9387b0a964e8c20ea1f8ed1785620b26c9eaaf1e33e7f0de26123b) 100% no-repeat',
lanhutext0: '入职中',
lanhuimage0:
'https://lanhu-oss-2537-2.lanhuapp.com/SketchPngd0e298e93fb7d17c5ed1147f82cf12b5974ac7db693e30189bf6d90bc2227d0e',
lanhutext1: '各个进度时间线表格',
lanhutext2: '入职进度跟踪表',
lanhuimage1:
'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng707b53faf6c0e12714b30ddc8728b543d6b41f89ccf653bc8e9af843b5d6034b',
lanhuimage2:
'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng3c66f4cdf0985e0a511499c673722e7de823ee66a0a99f8f639b4340544223c8',
lanhuimage3:
'https://lanhu-oss-2537-2.lanhuapp.com/SketchPngecfa79355e9db87796e48db52fc2ac902cf54d0421d46e181f99c3d5b862580f',
lanhutext3: '各个财务计划盘及对数',
lanhutext4: '财务计划配置指南',
lanhuimage4:
'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng707b53faf6c0e12714b30ddc8728b543d6b41f89ccf653bc8e9af843b5d6034b',
lanhuimage5:
'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng3c66f4cdf0985e0a511499c673722e7de823ee66a0a99f8f639b4340544223c8',
lanhuimage6:
'https://lanhu-oss-2537-2.lanhuapp.com/SketchPngef8f54e9c54d005797f483361f3e7e9d1f9a5911582d00ea5673d5eee5f347ef',
lanhutext5: '基本法对比',
lanhutext6: '公司制度对比分析',
lanhuimage7:
'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng707b53faf6c0e12714b30ddc8728b543d6b41f89ccf653bc8e9af843b5d6034b',
},
{
lanhuBg1:
'url(https://lanhu-oss-2537-2.lanhuapp.com/SketchPng00235c0f21dc26da2ae488cbf0c6b2086fb6901d86410c4173e58f5435b16c68) 100% no-repeat',
lanhutext0: '入职后',
lanhuimage0:
'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng398d2a4425ca6e60bb10959522ed6a3c311c251413965db8a5b54e66addb6185',
lanhutext1: '公司拿钱必修课',
lanhutext2: '薪酬体系培训',
lanhuimage1:
'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng707b53faf6c0e12714b30ddc8728b543d6b41f89ccf653bc8e9af843b5d6034b',
lanhuimage2:
'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng3c66f4cdf0985e0a511499c673722e7de823ee66a0a99f8f639b4340544223c8',
lanhuimage3:
'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng76a23b2f91b0339ed9b03863fb3c20ed55bb6490c4c2e6d0f1ffee7f5fc221e5',
lanhutext3: '升职流程条件',
lanhutext4: '晋升通道说明',
lanhuimage4:
'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng707b53faf6c0e12714b30ddc8728b543d6b41f89ccf653bc8e9af843b5d6034b',
lanhuimage5:
'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng3c66f4cdf0985e0a511499c673722e7de823ee66a0a99f8f639b4340544223c8',
lanhuimage6:
'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng996eae54025bcf43a1b831b6b7114e55a84f5d160436e261c8b0ca3b9b622169',
lanhutext5: '必修课程',
lanhutext6: '岗位技能课程',
lanhuimage7:
'https://lanhu-oss-2537-2.lanhuapp.com/SketchPng707b53faf6c0e12714b30ddc8728b543d6b41f89ccf653bc8e9af843b5d6034b',
},
],
constants: {},
};
},
methods: {},
};
</script>
<style src="./common.css" />
<style src="./index.css" />