|
|
|
@ -1,6 +1,6 @@ |
|
|
|
<template> |
|
|
|
<!-- colto-section --> |
|
|
|
<footer class="footer mt-5"> |
|
|
|
<footer class="footer" id="common-footer"> |
|
|
|
<div class="footer-upper-section"> |
|
|
|
<div class="item_left" style="width:33%"> |
|
|
|
<div class="logo"> |
|
|
|
@ -14,33 +14,53 @@ |
|
|
|
<!-- <p class="foot_p">{{$t('common.footerTips2',{name:appConfig.name})}}</p> --> |
|
|
|
<!-- <p class="foot_p">{{$t('common.footerTips3')}}</p> --> |
|
|
|
</div> |
|
|
|
<div class="item_right" style="width:66%"> |
|
|
|
<div class="item_right" style="width:66%;"> |
|
|
|
<div class="item"> |
|
|
|
<p class="item_p">{{ $t("common.college") }}</p> |
|
|
|
<p class="foot_p"> |
|
|
|
<router-link :to="college[0].url">{{ college[0].label }}</router-link> |
|
|
|
<p class="foot_p" v-for="(item, index) in college" :key="index"> |
|
|
|
<router-link :to="item.url">{{ item.label }}</router-link> |
|
|
|
</p> |
|
|
|
<!-- <p class="foot_p"> |
|
|
|
<router-link :to="college[0].url" v-if="college[0]">{{ college[0].label }}</router-link> |
|
|
|
<br v-else /> |
|
|
|
<br /> |
|
|
|
<router-link :to="college[1].url">{{ college[1].label }}</router-link> |
|
|
|
<router-link :to="college[1].url" v-if="college[1]">{{ college[1].label }}</router-link> |
|
|
|
<br v-else /> |
|
|
|
</p> |
|
|
|
<p class="foot_p"> |
|
|
|
<router-link :to="college[2].url">{{ college[2].label }}</router-link> |
|
|
|
<router-link :to="college[2].url" v-if="college[2]">{{ college[2].label }}</router-link> |
|
|
|
<br v-else /> |
|
|
|
<br /> |
|
|
|
<router-link :to="college[3].url">{{ college[3].label }}</router-link> |
|
|
|
</p> |
|
|
|
<router-link :to="college[3].url" v-if="college[3]">{{ college[3].label }}</router-link> |
|
|
|
<br v-else /> |
|
|
|
</p> --> |
|
|
|
</div> |
|
|
|
<div class="item"> |
|
|
|
<p class="item_p">{{ $t("common.service") }}</p> |
|
|
|
<p class="foot_p"> |
|
|
|
<router-link :to="service[0].url">{{ service[0].label }}</router-link> |
|
|
|
<p class="foot_p" v-for="(item1, index1) in service" :key="index1"> |
|
|
|
<router-link :to="item1.url">{{item1.label}}</router-link> |
|
|
|
</p> |
|
|
|
<!-- <p class="foot_p"> |
|
|
|
<router-link :to="service[0].url" v-if="service[0]">{{ service[0].label }}</router-link> |
|
|
|
<br v-else /> |
|
|
|
<br /> |
|
|
|
<router-link :to="service[1].url">{{ service[1].label }}</router-link> |
|
|
|
<router-link :to="service[1].url" v-if="service[1]">{{ service[1].label }}</router-link> |
|
|
|
<br v-else /> |
|
|
|
</p> |
|
|
|
<p class="foot_p"> |
|
|
|
<router-link :to="service[2].url">{{ service[2].label }}</router-link> |
|
|
|
<router-link :to="service[2].url" v-if="service[2]">{{ service[2].label }}</router-link> |
|
|
|
<br v-else /> |
|
|
|
<br /> |
|
|
|
<router-link :to="service[3].url">{{ service[3].label }}</router-link> |
|
|
|
</p> |
|
|
|
<router-link :to="service[3].url" v-if="service[3]">{{ service[3].label }}</router-link> |
|
|
|
<br v-else /> |
|
|
|
</p> --> |
|
|
|
</div> |
|
|
|
<!-- <div class="item"> |
|
|
|
<p class="item_p">{{ $t("common.service") }}</p> |
|
|
|
<p class="foot_p" v-for="(item1, index1) in AboutLink" :key="index1"> |
|
|
|
<router-link :to="item1.url">{{item1.label}}</router-link> |
|
|
|
</p> |
|
|
|
</div> --> |
|
|
|
|
|
|
|
<div class="item item2"> |
|
|
|
<p class="item_p" style="width:100%">{{ $t("common.contactUs") }}</p> |
|
|
|
@ -164,7 +184,8 @@ export default { |
|
|
|
return { |
|
|
|
service: [], |
|
|
|
college: [], |
|
|
|
email: "" |
|
|
|
email: "", |
|
|
|
AboutLink: [] |
|
|
|
}; |
|
|
|
}, |
|
|
|
computed:{ |
|
|
|
@ -198,6 +219,18 @@ export default { |
|
|
|
}) |
|
|
|
.catch(err => {}); |
|
|
|
}, |
|
|
|
getAboutLink() { |
|
|
|
College.getServiceList() |
|
|
|
.then(list => { |
|
|
|
list.forEach(item => { |
|
|
|
this.AboutLink.push({ |
|
|
|
url: `/service/${item.id}`, |
|
|
|
label: item.name |
|
|
|
}); |
|
|
|
}); |
|
|
|
}) |
|
|
|
.catch(err => {}); |
|
|
|
}, |
|
|
|
getEmial() { |
|
|
|
ContactUs.contact() |
|
|
|
.then(data => { |
|
|
|
@ -246,7 +279,7 @@ export default { |
|
|
|
// border-right: 1px solid #303D4B; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
justify-content: center; |
|
|
|
// justify-content: center; |
|
|
|
padding: 0 15px; |
|
|
|
.item_p{ |
|
|
|
font-size: 16px; |
|
|
|
|