odjbin/sist_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

dengjie commit : dire_data.vue修改部分样式

Browse Source
This commit is contained in:
clay
2022-10-10 20:51:10 +08:00
parent d9a4e43e0c
commit 6967d8bd3e
1 changed files with 85 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

126
src/views/content/components/dire_data.vue
View File

@@ -1,31 +1,38 @@
<template> <template>
<div class="dire_data" style="background-color:#fff; margin-top: 3rem;"> <div class="dire_data" style="background-color:#fff; margin-top: 3rem;">
<el-row v-for="(dire,index) in value" :key="index"> <el-row v-for="(dire,index) in value" :key="index">
<!--正文内容--> <!--正文内容-->
<el-col class="context" :span="23">
<el-row class="context_el-row">
<el-col :span="1" :offset="1"> <el-col class="context" :span="23">
<!-- <el-row class="context_el-row">-->
<!-- <el-col :span="1" :offset="1">-->
<!-- <img class="context_img" src="@/assets/teaching_staff/eji_icon_ys.png" alt=""/>-->
<!-- </el-col>-->
<!-- <el-col :span="4" class="context_name">{{ dire.name }}</el-col>-->
<!-- <el-col :span="16">-->
<!-- <hr class="context_hr">-->
<!-- </el-col>-->
<!-- </el-row>-->
<el-row class="context_el-row">
<img class="context_img" src="@/assets/teaching_staff/eji_icon_ys.png" alt=""> <img class="context_img" src="@/assets/teaching_staff/eji_icon_ys.png" alt="">
</el-col> <div class="context_name">{{ dire.name }}</div>
<el-col :span="4" class="context_name">{{ dire.name }}</el-col> <div class="context_hr"></div>
<el-col :span="16"> </el-row>
<hr class="context_hr"> <el-row v-for="(chile,index) in dire.children" :key="index">
</el-col> <el-col class="name" :offset="1" :span="23">
</el-row> {{ chile.name }}
<el-row v-for="(chile,index) in dire.children" :key="index"> </el-col>
<el-col class="name" :offset="1" :span="23">
{{ chile.name }}
</el-col>
<el-col class="text" :offset="1" :span="23"> <el-col class="text" :offset="1" :span="23">
<div v-for="(item,index) in chile.children" :key="index" @click="linkClick(item)"> <div v-for="(item,index) in chile.children" :key="index" @click="linkClick(item)">
{{ item.name }} {{ item.name }}
</div> </div>
</el-col> </el-col>
</el-row> </el-row>
</el-col> </el-col>
</el-row> </el-row>
</div> </div>
</template> </template>
<script> <script>
@@ -34,9 +41,9 @@ export default {
data() { data() {
return { return {
width: document.documentElement.clientWidth width: document.documentElement.clientWidth
} };
}, },
props:{ props: {
value: { value: {
type: Array, type: Array,
default: [{ default: [{
@@ -48,51 +55,52 @@ export default {
{ {
children: [], children: [],
name: "人员1" name: "人员1"
}, }
], ]
} }
], ]
}], }]
}, }
}, },
methods:{ methods: {
linkClick(chile){ linkClick(chile) {
if (chile.link!=null && chile.link != ""){ if (chile.link != null && chile.link != "") {
window.open(chile.link) window.open(chile.link);
} }
} }
} }
} };
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.context { .context {
margin: 3rem 2rem; margin: 3rem 2rem;
padding-bottom: 3rem; padding-bottom: 3rem;
//width: 84.3rem; width: 92%;
//background: #FFFFFF; background: #FFFFFF;
.context_el-row { .context_el-row {
display: flex;
margin-top: 2rem; margin-top: 2rem;
.context_img { .context_img {
width: 2.2rem; width: 2.2rem;
margin-left: 3%;
} }
.context_name { .context_name {
font-size: 1.8rem; font-size: 1.8rem;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500; font-weight: 500;
color: #1956BC; color: #1956BC;
line-height: 2.2rem; padding: 0 20px;
white-space:nowrap;
} }
.context_hr { .context_hr {
line-height: 2.2rem;
margin-top: 1.1rem; margin-top: 1.1rem;
border: #1956BC solid 0.1rem;
background-color: #1956BC; background-color: #1956BC;
width: 100%;
height: 2px;
} }
} }
@@ -102,10 +110,12 @@ export default {
font-weight: 600; font-weight: 600;
//color: #1956BC; //color: #1956BC;
} }
.text { .text {
font-size: 1.4rem; font-size: 1.4rem;
//color: #3C3C3C; //color: #3C3C3C;
clear: left; clear: left;
div { div {
float: left; float: left;
margin-top: .4rem; margin-top: .4rem;
@@ -114,10 +124,44 @@ export default {
margin-right: 1.5rem; margin-right: 1.5rem;
color: #000000; color: #000000;
} }
div:hover{
div:hover {
color: #1956BC; color: #1956BC;
} }
} }
} }
//.context {
// margin: 3rem 2rem;
// padding-bottom: 3rem;
//width: 84.3rem;
//background: #FFFFFF;
//.context_el-row {
// margin-top: 2rem;
//
// .context_img {
// width: 2.2rem;
// }
//
// .context_name {
// font-size: 1.8rem;
// font-family: PingFangSC-Medium, PingFang SC;
// font-weight: 500;
// color: #1956BC;
// line-height: 2.2rem;
// }
//
// .context_hr {
// line-height: 2.2rem;
// margin-top: 1.1rem;
// border: #1956BC solid 0.1rem;
// background-color: #1956BC;
// }
//}
//}
</style> </style>