c1b532ad
梁保满
权限配置,路由基础设置
|
1
|
<template>
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
2
|
<div class="container">
|
ee6e7628
梁保满
备题组卷借口数据对接调整
|
3
|
<ul class="nav-list" v-if="type == 'ROLE_XUEXIAO'">
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
4
|
<li class="nav-item item1" @click="links('/setUpAccount')">
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
5
6
7
|
<img class="icon" src="../../assets/nav/setUpAccount.png" alt="" />
<div class="text">
<p class="p1">账号管理</p>
|
bb4c8454
阿宝
添加,修改教师
|
8
|
<p class="p2">
|
225a00b6
梁保满
飞书问题解决
|
9
10
11
12
13
14
15
16
17
18
|
管理
<template v-if="dataInfo.teacherCourseCount">
{{ dataInfo.teacherCourseCount }}个任课教师,
</template>
<template v-if="dataInfo.classManagerCount">
{{ dataInfo.classManagerCount }}个班主任,
</template>
<template v-if="dataInfo.teacherGradeCount">
{{ dataInfo.teacherGradeCount }}个备课组长账号信息。
</template>
|
bb4c8454
阿宝
添加,修改教师
|
19
|
</p>
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
20
21
|
</div>
</li>
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
22
|
<li class="nav-item item1" @click="links('/setUpSchool')">
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
23
24
25
|
<img class="icon" src="../../assets/nav/setUpSchool.png" alt="" />
<div class="text">
<p class="p1">学校管理</p>
|
bb4c8454
阿宝
添加,修改教师
|
26
|
<p class="p2">
|
225a00b6
梁保满
飞书问题解决
|
27
28
29
30
31
32
33
34
35
36
|
管理
<template v-if="dataInfo.gradeCount"
>{{ dataInfo.gradeCount }}个年级,
</template>
<template v-if="dataInfo.classCount">
{{ dataInfo.classCount }}个班级,
</template>
<template v-if="dataInfo.studentCount">
{{ dataInfo.studentCount }}名学生信息。
</template>
|
bb4c8454
阿宝
添加,修改教师
|
37
|
</p>
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
38
39
|
</div>
</li>
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
40
|
<li class="nav-item item2" @click="links('/device')">
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
41
42
43
|
<img class="icon" src="../../assets/nav/device.png" alt="" />
<div class="text">
<p class="p1">设备状态</p>
|
bb4c8454
阿宝
添加,修改教师
|
44
|
<p class="p2">
|
225a00b6
梁保满
飞书问题解决
|
45
46
47
48
49
50
51
|
管理
<template v-if="dataInfo.stationCount"
>{{ dataInfo.stationCount }}个基站,</template
>
<template v-if="dataInfo.keyboardCount">
{{ dataInfo.keyboardCount }}套答题器设备。</template
>
|
bb4c8454
阿宝
添加,修改教师
|
52
|
</p>
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
53
54
55
|
</div>
</li>
<li class="item3">
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
56
|
<div class="nav-item item1 item-child1" @click="links('/analysis')">
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
57
58
59
60
61
62
|
<img class="icon" src="../../assets/nav/analysis.png" alt="" />
<div class="text">
<p class="p1">使用分析</p>
<p class="p2">按班级、科目等维度分析设备使用频率。</p>
</div>
</div>
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
63
|
<div class="nav-item item1 item-child2" @click="links('/card')">
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
64
|
<img class="icon" src="../../assets/nav/card.png" alt="" />
|
e5ff81a1
阿宝
集团管理员接口
|
65
|
<p class="p1">发卡记录</p>
|
ca39cc52
阿宝
飞书问题处理
|
66
|
<p class="p2">查看发卡、换卡记录信息。</p>
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
67
|
</div>
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
68
|
<div class="nav-item item1 item-child2" @click="links('/down')">
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
69
70
71
72
73
74
|
<img class="icon" src="../../assets/nav/down.png" alt="" />
<p class="p1">软件下载</p>
<p class="p2">设置参数,下载授课端软件。</p>
</div>
</li>
</ul>
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
75
76
|
<ul class="nav-list" v-if="type == 'ROLE_JITUAN'">
<template v-for="item in navList">
|
bb4c8454
阿宝
添加,修改教师
|
77
78
79
80
81
82
83
|
<li
v-if="!item.path.includes('dataSync')"
:key="item.path"
class="nav-item item4"
@click="links(item.path)"
>
<img class="icon" :src="getImgs(item.path)" alt="" />
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
84
|
<div class="text" v-if="item.path == '/setUpConglomerate'">
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
85
|
<p class="p1">学校管理</p>
|
225a00b6
梁保满
飞书问题解决
|
86
87
88
89
90
91
92
93
94
|
<p class="p2">
管理
<template v-if="dataInfo.regionCount"
>{{ dataInfo.regionCount }}个区域,</template
>
<template v-if="dataInfo.schoolCount"
>{{ dataInfo.schoolCount }}个学校。</template
>
</p>
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
95
|
</div>
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
96
|
<div class="text" v-else-if="item.path == '/setUpAccount'">
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
97
|
<p class="p1">账号管理</p>
|
225a00b6
梁保满
飞书问题解决
|
98
99
100
101
102
|
<p class="p2">
共{{
dataInfo.regionManagerCount + dataInfo.schoolManagerCount
}}个各层级管理员账号。
</p>
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
103
|
</div>
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
104
|
<div class="text" v-else-if="item.path == '/device'">
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
105
|
<p class="p1">设备状态</p>
|
225a00b6
梁保满
飞书问题解决
|
106
107
108
109
110
111
112
113
114
|
<p class="p2">
管理
<template v-if="dataInfo.stationCount"
>{{ dataInfo.stationCount }}个基站,</template
>
<template v-if="dataInfo.keyboardCount">
{{ dataInfo.keyboardCount }}套答题器设备。</template
>
</p>
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
115
|
</div>
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
116
|
<div class="text" v-else-if="item.path == '/analysis'">
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
117
|
<p class="p1">使用分析</p>
|
255e2506
梁保满
飞书bug及优化
|
118
|
<p class="p2">按学校、学段统计使用频率。</p>
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
119
|
</div>
|
bb4c8454
阿宝
添加,修改教师
|
120
|
</li>
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
121
|
</template>
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
122
|
</ul>
|
bb4c8454
阿宝
添加,修改教师
|
123
124
125
126
127
128
129
130
131
132
133
134
|
<ul
class="nav-list"
v-if="type == 'ROLE_JIAOSHI' || type == 'ROLE_BANZHUREN'"
>
<template v-for="item in navList">
<li
v-if="!item.path.includes('dataSync')"
:key="item.path"
class="nav-item item4"
@click="links(item.path)"
>
<img class="icon" :src="getImgs(item.path)" alt="" />
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
135
|
<div class="text" v-if="item.path == '/examinationPaper'">
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
136
|
<p class="p1">备题组卷</p>
|
225a00b6
梁保满
飞书问题解决
|
137
138
139
|
<p class="p2" v-if="dataInfo.paperCount">
{{ dataInfo.paperCount }}套答题卡。
</p>
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
140
|
</div>
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
141
|
<div class="text" v-else-if="item.path == '/portrait'">
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
142
|
<p class="p1">学生画像</p>
|
e5ff81a1
阿宝
集团管理员接口
|
143
|
<!-- <p class="p2">共分析{{ dataInfo.imagesCount }}名学生成绩。</p> -->
|
45504a95
阿宝
即时测页面,以及小题修改答案
|
144
|
<p class="p2">功能开发中。</p>
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
145
|
</div>
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
146
|
<div class="text" v-else-if="item.path == '/ask'">
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
147
|
<p class="p1">随堂问报表</p>
|
225a00b6
梁保满
飞书问题解决
|
148
|
<p class="p2" v-if="dataInfo.classPeriodCount">
|
e5ff81a1
阿宝
集团管理员接口
|
149
|
对{{ dataInfo.classPeriodCount }}套随堂问答题记录分析。
|
bb4c8454
阿宝
添加,修改教师
|
150
|
</p>
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
151
|
</div>
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
152
|
<div class="text" v-else-if="item.path == '/test'">
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
153
|
<p class="p1">即时测报表</p>
|
225a00b6
梁保满
飞书问题解决
|
154
155
156
|
<p class="p2" v-if="dataInfo.examCount">
对{{ dataInfo.examCount }}套即时测答题记录分析。
</p>
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
157
|
</div>
|
bb4c8454
阿宝
添加,修改教师
|
158
|
</li>
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
159
|
</template>
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
160
|
</ul>
|
77ebf04d
梁保满
个人版
|
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
234
235
236
237
238
239
240
241
242
243
244
245
246
247
|
<ul class="nav-list" v-if="type == 'ROLE_PINGTAI'">
<li class="nav-item item1" @click="links('/examinationPaper')">
<img class="icon" src="../../assets/nav/setUpAccount.png" alt="" />
<div class="text">
<p class="p1">备题组卷</p>
<p class="p2">
管理
<template v-if="dataInfo.paperCount">
{{ dataInfo.paperCount }}套答题卡,
</template>
</p>
</div>
</li>
<li class="nav-item item1" @click="links('/setUpStudent')">
<img class="icon" src="../../assets/nav/setUpSchool.png" alt="" />
<div class="text">
<p class="p1">班级名单</p>
<p class="p2">
管理
<template v-if="dataInfo.classCount">
{{ dataInfo.classCount }}个班级的学生名单,
</template>
</p>
</div>
</li>
<li class="nav-item item2" @click="links('/portrait')">
<img class="icon" src="../../assets/nav/device.png" alt="" />
<div class="text">
<p class="p1">学生画像</p>
<p class="p2">
共分析
<template v-if="dataInfo.stationCount"
>{{ dataInfo.stationCount }}名学生成绩</template
>
</p>
</div>
</li>
<li class="item3">
<div class="nav-item item1 item-child2" @click="links('/ask')">
<img class="icon" src="../../assets/nav/card.png" alt="" />
<p class="p1">随堂问报表</p>
<p class="p2">
对
<template v-if="dataInfo.classPeriodCount"
>{{ dataInfo.classPeriodCount }}套随堂问答题记录分析</template
>
</p>
</div>
<div class="nav-item item1 item-child2" @click="links('/test')">
<img class="icon" src="../../assets/nav/analysis.png" alt="" />
<p class="p1">即时测报表</p>
<p class="p2">
对<template v-if="dataInfo.examCount"
>{{ dataInfo.examCount }}套即时测答题记录分析</template
>
</p>
</div>
<div class="nav-item item1 item-child1" @click="links('/down')">
<img class="icon" src="../../assets/nav/down.png" alt="" />
<div class="text">
<p class="p1">软件下载</p>
<p class="p2">授课端软件最新版本1.2.0。</p>
</div>
</div>
</li>
</ul>
<ul class="nav-list" v-if="type == 'ROLE_ADMIN'">
<li class="nav-item item1" @click="links('/account')">
<img class="icon" src="../../assets/nav/setUpAccount.png" alt="" />
<div class="text">
<p class="p1">账号管理</p>
</div>
</li>
<li class="nav-item item1" @click="links('/device')">
<img class="icon" src="../../assets/nav/device.png" alt="" />
<div class="text">
<p class="p1">设备管理</p>
</div>
</li>
<li class="nav-item item2" @click="links('/clientVersion')">
<img class="icon" src="../../assets/nav/down.png" alt="" />
<div class="text">
<p class="p1">授课端版本管理</p>
</div>
</li>
</ul>
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
248
|
</div>
|
c1b532ad
梁保满
权限配置,路由基础设置
|
249
250
251
|
</template>
<script>
|
c1b532ad
梁保满
权限配置,路由基础设置
|
252
253
|
export default {
name: "mainIndex",
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
254
255
|
data() {
return {
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
256
257
|
type: "",
navList: [],
|
e5ff81a1
阿宝
集团管理员接口
|
258
|
dataInfo: {},
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
259
|
};
|
c1b532ad
梁保满
权限配置,路由基础设置
|
260
|
},
|
bb4c8454
阿宝
添加,修改教师
|
261
262
|
watch: {
"$store.getters.info.showRoleName": function (val) {
|
255e2506
梁保满
飞书bug及优化
|
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
|
this._Init(val)
this._QueryData();
},
},
created() {
this._Init(this.$store.getters.info.showRoleName);
this._QueryData();
},
methods: {
getImgs(path) {
return require(`@/assets/nav${path}.png`);
},
links(path) {
this.$router.push({
path: path,
});
},
_Init(val) {
|
bb4c8454
阿宝
添加,修改教师
|
281
282
283
284
285
286
287
|
let type = "";
this.$store.getters.info.permissions.map((item) => {
if (item.roleName == val) {
type = item.role;
}
});
this.type = type ? type : this.$store.getters.info.permissions[0].role;
|
77ebf04d
梁保满
个人版
|
288
|
this.type = 'ROLE_PINGTAI'
|
bb4c8454
阿宝
添加,修改教师
|
289
290
291
292
293
294
295
|
this.navList = this.$store.getters.addRouters.map((item) => {
return {
name: item.name,
path: item.children[0].path,
};
});
},
|
255e2506
梁保满
飞书bug及优化
|
296
297
298
299
300
301
302
303
304
|
_QueryData() {
if (this.type == "ROLE_XUEXIAO") {
this.schoolIndex();
} else if (this.type == "ROLE_JIAOSHI") {
this.teacherIndex();
} else if (this.type == "ROLE_JITUAN") {
this.tenantIndex();
} else if (this.type == "ROLE_BANZHUREN") {
this.classIndex();
|
77ebf04d
梁保满
个人版
|
305
306
|
} else if (this.type == "ROLE_PINGTAI") {
this.personalIndex();
|
b769660c
梁保满
备课组题细节调整,随堂问列表页面开发完成
|
307
|
}
|
c1b532ad
梁保满
权限配置,路由基础设置
|
308
|
},
|
560c12f2
阿宝
学校设置,软件下载
|
309
310
311
|
async teacherIndex() {
const { data, status, info } = await this.$request.teacherIndex();
if (status === 0) {
|
e5ff81a1
阿宝
集团管理员接口
|
312
|
this.dataInfo = { ...data };
|
560c12f2
阿宝
学校设置,软件下载
|
313
314
315
316
|
} else {
this.$message.error(info);
}
},
|
23a6dc5f
阿宝
学校管理相关接口简单对接
|
317
318
319
|
async schoolIndex() {
const { data, status, info } = await this.$request.schoolIndex();
if (status === 0) {
|
e5ff81a1
阿宝
集团管理员接口
|
320
321
322
323
324
325
326
327
328
|
this.dataInfo = { ...data };
} else {
this.$message.error(info);
}
},
async tenantIndex() {
const { data, status, info } = await this.$request.tenantIndex();
if (status === 0) {
this.dataInfo = { ...data };
|
23a6dc5f
阿宝
学校管理相关接口简单对接
|
329
330
|
} else {
this.$message.error(info);
|
9309dc5d
梁保满
任课老师接口完成
|
331
332
333
334
335
336
337
338
|
}
},
async classIndex() {
const { data, status, info } = await this.$request.classIndex();
if (status === 0) {
this.dataInfo = { ...data };
} else {
this.$message.error(info);
|
23a6dc5f
阿宝
学校管理相关接口简单对接
|
339
340
|
}
},
|
77ebf04d
梁保满
个人版
|
341
342
343
344
345
346
347
348
|
async personalIndex() {
const { data, status, info } = await this.$request.personalIndex();
if (status === 0) {
this.dataInfo = { ...data };
} else {
this.$message.error(info);
}
},
|
c1b532ad
梁保满
权限配置,路由基础设置
|
349
350
351
352
353
|
},
};
</script>
<style lang="scss">
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
354
|
.container {
|
c1b532ad
梁保满
权限配置,路由基础设置
|
355
|
display: flex;
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
356
357
358
359
360
361
362
363
364
365
366
367
368
369
|
justify-content: center;
align-items: center;
padding: 100px 90px 0 50px;
.nav-list {
width: 100%;
display: flex;
flex-wrap: wrap;
.nav-item {
background: #f8f8f8;
border-radius: 20px;
box-shadow: 3px 3px 3px #aaaaaa59;
cursor: pointer;
&:hover {
background-color: #ededed;
|
c1b532ad
梁保满
权限配置,路由基础设置
|
370
|
}
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
371
372
373
374
|
.icon {
width: 110px;
height: 110px;
border-radius: 50%;
|
c1b532ad
梁保满
权限配置,路由基础设置
|
375
|
}
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
376
377
378
379
380
381
|
.p1 {
font-size: 18px;
color: #333;
line-height: 18px;
margin-bottom: 12px;
font-weight: 500;
|
c1b532ad
梁保满
权限配置,路由基础设置
|
382
|
}
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
383
384
385
|
.p2 {
font-size: 14px;
color: #999;
|
c1b532ad
梁保满
权限配置,路由基础设置
|
386
|
}
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
387
388
389
390
391
392
393
394
395
|
}
.item1 {
width: calc(50% - 10px);
flex-shrink: 0;
display: flex;
justify-content: center;
margin-right: 20px;
margin-bottom: 20px;
box-sizing: border-box;
|
23a6dc5f
阿宝
学校管理相关接口简单对接
|
396
|
padding: 40px 20px 40px 80px;
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
397
398
|
&:nth-child(2) {
margin-right: 0;
|
c1b532ad
梁保满
权限配置,路由基础设置
|
399
|
}
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
400
401
|
.icon {
margin-right: 20px;
|
c1b532ad
梁保满
权限配置,路由基础设置
|
402
|
}
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
403
404
405
406
407
|
.text {
display: flex;
flex-direction: column;
justify-content: center;
padding-top: 10px;
|
c1b532ad
梁保满
权限配置,路由基础设置
|
408
|
}
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
409
410
411
412
413
414
415
416
417
418
419
420
|
.p2 {
line-height: 24px;
}
&.item-child1 {
width: 100%;
height: calc(50% - 8px);
margin-bottom: 16px;
padding: 0 20px;
align-items: center;
.icon {
width: 80px;
height: 80px;
|
c1b532ad
梁保满
权限配置,路由基础设置
|
421
|
}
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
422
423
424
|
}
&.item-child2 {
height: calc(50% - 8px);
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
425
|
flex-wrap: wrap;
|
23a6dc5f
阿宝
学校管理相关接口简单对接
|
426
|
padding: 12px 0 12px 30px;
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
427
428
429
|
.icon {
width: 60px;
height: 60px;
|
c1b532ad
梁保满
权限配置,路由基础设置
|
430
|
}
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
431
432
433
434
|
.p1 {
flex: 1;
line-height: 60px;
margin-bottom: 0;
|
c1b532ad
梁保满
权限配置,路由基础设置
|
435
|
}
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
436
437
|
.p2 {
width: 100%;
|
c1b532ad
梁保满
权限配置,路由基础设置
|
438
|
}
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
439
440
|
&:last-of-type {
margin-right: 0;
|
c1b532ad
梁保满
权限配置,路由基础设置
|
441
442
443
|
}
}
}
|
d4283687
梁保满
首页布局完成,页面顶部返回组件
|
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
|
.item2 {
width: calc(50% - 10px);
height: 240px;
flex-shrink: 0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-right: 20px;
box-sizing: border-box;
padding: 30px 0;
text-align: center;
&:last-of-type {
margin-right: 0;
}
.icon {
margin-bottom: 20px;
}
.p2 {
line-height: 16px;
}
}
.item3 {
width: calc(50% - 10px);
height: 240px;
display: flex;
flex-wrap: wrap;
}
.item4 {
width: calc(50% - 10px);
flex-shrink: 0;
display: flex;
justify-content: flex-start;
margin-right: 20px;
margin-bottom: 20px;
box-sizing: border-box;
padding: 40px 80px;
&:nth-child(2n) {
margin-right: 0;
}
.icon {
margin-right: 20px;
}
.text {
display: flex;
flex-direction: column;
justify-content: center;
padding-top: 10px;
}
.p2 {
line-height: 24px;
}
}
|
c1b532ad
梁保满
权限配置,路由基础设置
|
497
498
|
}
}
|
c1b532ad
梁保满
权限配置,路由基础设置
|
499
|
</style>
|