jialong.yu
/
FE_IASF_client
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 3 Wiki Activity

iasf页脚背景

Browse Source
master
yujialong 1 year ago
parent 0e16816fab
commit 1826aa3ce5
1 changed files with 83 additions and 62 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 145
      src/layouts/footer/index.vue

145
src/layouts/footer/index.vue
Unescape View File

@ -2,67 +2,71 @@
<div> <div>
<div v-if="showDefaultPath.includes($route.path)" <div v-if="showDefaultPath.includes($route.path)"
:class="['footer', {iasf: isIasf}]"> :class="['footer', {iasf: isIasf}]">
<ul v-if="isIasf" <template v-if="isIasf">
class="entry"> <div class="mask"></div>
<li :class="{'cursor-pointer': isLink(modules[13].form.link.linkName)}" <ul v-if="isIasf"
@click="openLink(modules[14].form)"> class="entry">
<img class="icon" <li :class="{'cursor-pointer': isLink(modules[13].form.link.linkName)}"
:src="modules[14].form.pic" @click="openLink(modules[14].form)">
alt=""> <img class="icon"
<p class="text">{{ modules[14].form.title }}</p> :src="modules[14].form.pic"
</li> alt="">
<li :class="{'cursor-pointer': isLink(modules[14].form.link.linkName)}" <p class="text">{{ modules[14].form.title }}</p>
@click="openLink(modules[15].form)"> </li>
<img class="icon" <li :class="{'cursor-pointer': isLink(modules[14].form.link.linkName)}"
:src="modules[15].form.pic" @click="openLink(modules[15].form)">
alt=""> <img class="icon"
<p class="text">{{ modules[15].form.title }}</p> :src="modules[15].form.pic"
</li> alt="">
<li :class="{'cursor-pointer': isLink(modules[15].form.link.linkName)}" <p class="text">{{ modules[15].form.title }}</p>
@click="openLink(modules[16].form)"> </li>
<img class="icon" <li :class="{'cursor-pointer': isLink(modules[15].form.link.linkName)}"
:src="modules[16].form.pic" @click="openLink(modules[16].form)">
alt=""> <img class="icon"
<p class="text">{{ modules[16].form.title }}</p> :src="modules[16].form.pic"
</li> alt="">
<li :class="{'cursor-pointer': isLink(modules[16].form.link.linkName)}" <p class="text">{{ modules[16].form.title }}</p>
@click="openLink(modules[17].form)"> </li>
<img class="icon" <li :class="{'cursor-pointer': isLink(modules[16].form.link.linkName)}"
:src="modules[17].form.pic" @click="openLink(modules[17].form)">
alt=""> <img class="icon"
<p class="text">{{ modules[17].form.title }}</p> :src="modules[17].form.pic"
</li> alt="">
<li :class="{'cursor-pointer': isLink(modules[17].form.link.linkName)}" <p class="text">{{ modules[17].form.title }}</p>
@click="openLink(modules[18].form)"> </li>
<img class="icon" <li :class="{'cursor-pointer': isLink(modules[17].form.link.linkName)}"
:src="modules[18].form.pic" @click="openLink(modules[18].form)">
alt=""> <img class="icon"
<p class="text">{{ modules[18].form.title }}</p> :src="modules[18].form.pic"
</li> alt="">
</ul> <p class="text">{{ modules[18].form.title }}</p>
</li>
<div class="info"> </ul>
<div class="leftBox"> </template>
<img class="m-b-20" <div class="relative">
src="@/assets/images/iasf.png" <div class="info">
alt=""> <div class="leftBox">
<p class="meta">Copyright ©2002- 2021</p> <img class="m-b-20"
<p class="meta">Institute of Advanced Science Facilities, ShenzhenIASF</p> src="@/assets/images/iasf.png"
<p class="meta">Tel：400-0010-998</p> alt="">
</div> <p class="meta">Copyright ©2002- 2021</p>
<div v-for="(item, i) in columns" <p class="meta">Institute of Advanced Science Facilities, ShenzhenIASF</p>
:key="i" <p class="meta">Tel：400-0010-998</p>
class="column"> </div>
<h6 @click="columnTo(item)">{{ item.columnName }}</h6> <div v-for="(item, i) in columns"
<ul v-if="item.children.length" :key="i"
class="children"> class="column">
<li v-for="(column, j) in item.children" <h6 @click="columnTo(item)">{{ item.columnName }}</h6>
:key="j" <ul v-if="item.children.length"
@click="columnTo(column)">{{ column.columnName }}</li> class="children">
</ul> <li v-for="(column, j) in item.children"
:key="j"
@click="columnTo(column)">{{ column.columnName }}</li>
</ul>
</div>
</div> </div>
<a class="copyright">粤ICP备2020131940号 粤公安网34565432456765432号</a>
</div> </div>
<a class="copyright">粤ICP备2020131940号 粤公安网34565432456765432号</a>
</div> </div>
<div v-if="showContactPath.includes($route.path)" <div v-if="showContactPath.includes($route.path)"
@ -247,13 +251,11 @@ export default {
margin-right: 100px; margin-right: 100px;
} }
.footer { .footer {
position: relative;
padding: 64px 20% 25px; padding: 64px 20% 25px;
color: #fff; color: #fff;
background-color: #091733; background-color: #091733;
overflow: hidden; overflow: hidden;
&.iasf {
padding-top: 50px;
}
.info { .info {
display: flex; display: flex;
} }
@ -283,8 +285,27 @@ export default {
font-size: 14px; font-size: 14px;
color: #6d7384; color: #6d7384;
} }
&.iasf {
padding-top: 50px;
background: url(http://10.10.11.7/images/iasf/footer.jpg) 0 -400px/100% auto no-repeat;
background-color: #091733;
.children {
li {
color: #fff;
}
}
.mask {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.6);
}
}
} }
.entry { .entry {
position: relative;
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
margin-bottom: 100px; margin-bottom: 100px;

Write Preview
Loading…
Cancel
Save