|
|
@ -53,17 +53,21 @@ |
|
|
|
<p class="meta">Institute of Advanced Science Facilities, ShenzhenIASF</p> |
|
|
|
<p class="meta">Institute of Advanced Science Facilities, ShenzhenIASF</p> |
|
|
|
<p class="meta">Tel:400-0010-998</p> |
|
|
|
<p class="meta">Tel:400-0010-998</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div v-for="(item, i) in columns" |
|
|
|
<div class="column-wrap"> |
|
|
|
|
|
|
|
<template v-for="(item, i) in columns"> |
|
|
|
|
|
|
|
<div v-if="isIasf || (!isIasf && i < 5)" |
|
|
|
:key="i" |
|
|
|
:key="i" |
|
|
|
class="column"> |
|
|
|
class="column"> |
|
|
|
<h6 @click="columnTo(item)">{{ item.columnName }}</h6> |
|
|
|
<h6 @click="columnTo(item)">{{ item.columnName }}</h6> |
|
|
|
<ul v-if="item.children.length" |
|
|
|
<ul v-if="item.children.length && !isIasf" |
|
|
|
class="children"> |
|
|
|
class="children"> |
|
|
|
<li v-for="(column, j) in item.children" |
|
|
|
<li v-for="(column, j) in item.children" |
|
|
|
:key="j" |
|
|
|
:key="j" |
|
|
|
@click="columnTo(column)">{{ column.columnName }}</li> |
|
|
|
@click="columnTo(column)">{{ column.columnName }}</li> |
|
|
|
</ul> |
|
|
|
</ul> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</template> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<a class="copyright">粤ICP备2020131940号 粤公安网34565432456765432号</a> |
|
|
|
<a class="copyright">粤ICP备2020131940号 粤公安网34565432456765432号</a> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -161,7 +165,8 @@ export default { |
|
|
|
typeId: '', |
|
|
|
typeId: '', |
|
|
|
isSort: 1 |
|
|
|
isSort: 1 |
|
|
|
}).then(({ data }) => { |
|
|
|
}).then(({ data }) => { |
|
|
|
this.columns = data.slice(0, 5) |
|
|
|
// this.columns = data.slice(0, 5) |
|
|
|
|
|
|
|
this.columns = data |
|
|
|
}).catch(err => { }) |
|
|
|
}).catch(err => { }) |
|
|
|
}, |
|
|
|
}, |
|
|
|
// 获取iasf中文首页应用模块数据 |
|
|
|
// 获取iasf中文首页应用模块数据 |
|
|
@ -261,6 +266,10 @@ export default { |
|
|
|
margin-bottom: 10px; |
|
|
|
margin-bottom: 10px; |
|
|
|
font-size: 14px; |
|
|
|
font-size: 14px; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.column-wrap { |
|
|
|
|
|
|
|
display: inline-flex; |
|
|
|
|
|
|
|
flex-wrap: wrap; |
|
|
|
|
|
|
|
} |
|
|
|
.column { |
|
|
|
.column { |
|
|
|
margin: 0 20px; |
|
|
|
margin: 0 20px; |
|
|
|
h6 { |
|
|
|
h6 { |
|
|
|