Browse Source

修改

master
liaoxinyu 2 years ago
parent
commit
7985cbc038
  1. 59
      src/components/CommonFooter.vue
  2. 3
      src/components/CommonHeader.vue
  3. 4255
      src/views/home/index.vue
  4. 18558
      yarn.lock

59
src/components/CommonFooter.vue

@ -8,7 +8,7 @@
<div class="footer-logo"> <div class="footer-logo">
<div style="width: 89px; height: 44px"> <div style="width: 89px; height: 44px">
<img <img
src="" :src="appConfig.head_logo"
alt="logo" alt="logo"
style="width: 200px; height: 100%;max-width: 200px; object-fit: contain;" style="width: 200px; height: 100%;max-width: 200px; object-fit: contain;"
/> />
@ -23,13 +23,12 @@
aria-controls="lang_menu" aria-expanded="false" aria-label="Toggle navigation">{{ nativeLang }} aria-controls="lang_menu" aria-expanded="false" aria-label="Toggle navigation">{{ nativeLang }}
</button> --> </button> -->
<button class="lang_now" @click="toggleMenu">{{ nativeLang }}</button> <button class="lang_now" @click="toggleMenu">{{ nativeLang }}</button>
<div class="lang_menu" id="lang_menu" :class="showMenu?'show':'hide'"> <div class="lang_menu" id="lang_menu" :class="showMenu?'show':'hide'">
<div class="item" v-for="(item1, index1) in langList" :key="index1" @click.prevent="chooseNative(item1.value)"> <div class="item" v-for="(item1, index1) in langList" :key="index1" @click.prevent="chooseNative(item1.value)">
{{ item1.label }} {{ item1.label }}
</div> </div>
</div> </div>
</div> </div>
<div class="footer-upper-section-list"> <div class="footer-upper-section-list">
<!-- service --> <!-- service -->
<div class="service" v-if="service.length>0"> <div class="service" v-if="service.length>0">
@ -42,23 +41,17 @@
color: #fff; color: #fff;
" "
> >
{{ $t("homeNewText.gg1") }} {{ $t("common.service") }}
</p> </p>
<p class="foot_p" > <p class="foot_p" >
<span class="serviceText" @click="Jump(college[0].url)">{{$t("homeNewText.gg1")}}</span> <span class="serviceText" @click="Jump(service[0].url)">{{service[0].label}}</span>
</p> </p>
<p class="foot_p" > <p class="foot_p" >
<span class="serviceText" @click="Jump(college[0].url)">{{$t("homeNewText.gg2")}}</span> <span class="serviceText" @click="Jump(service[1].url)">{{service[1].label}}</span>
</p> </p>
<p class="foot_p" > <p class="foot_p" >
<span class="serviceText" @click="Jump(college[0].url)">{{$t("homeNewText.gg3")}}</span> <span class="serviceText" @click="Jump(service[2].url)">{{service[2].label}}</span>
</p> </p>
<p class="foot_p" >
<span class="serviceText" @click="Jump(college[0].url)">{{$t("homeNewText.gg4")}}</span>
</p>
<p class="foot_p" >
<span class="serviceText" @click="Jump(college[0].url)">{{$t("homeNewText.gg5")}}</span>
</p>
<!-- <router-link :to="service[0].url">{{ <!-- <router-link :to="service[0].url">{{
service[0].label service[0].label
}}</router-link> }}</router-link>
@ -72,7 +65,6 @@
<router-link :to="service[2].url">{{ <router-link :to="service[2].url">{{
service[2].label service[2].label
}}</router-link> --> }}</router-link> -->
<!-- <router-link :to="service[3].url">{{ service[3].label }}</router-link> --> <!-- <router-link :to="service[3].url">{{ service[3].label }}</router-link> -->
</p> </p>
<!-- <p class="foot_p" > <!-- <p class="foot_p" >
@ -82,7 +74,6 @@
</p> --> </p> -->
</div> </div>
</div> </div>
<!-- college --> <!-- college -->
<div class="college" style="margin:0 119px;" v-if="college.length>0"> <div class="college" style="margin:0 119px;" v-if="college.length>0">
<div class="item item1" style="width: 100%;text-align: left"> <div class="item item1" style="width: 100%;text-align: left">
@ -130,7 +121,6 @@
</p> --> </p> -->
</div> </div>
</div> </div>
<!-- email --> <!-- email -->
<div class="item"> <div class="item">
<p <p
@ -146,10 +136,7 @@
{{ email }} {{ email }}
</p> </p>
</div> </div>
<!-- <div class="logo"> --> <!-- <div class="logo"> -->
<!-- <img src="../assets/img/logo1.png" alt="logo" style="width:208px;height:68px" /> --> <!-- <img src="../assets/img/logo1.png" alt="logo" style="width:208px;height:68px" /> -->
<!-- <div style="width: 90px; height: 91px"> <!-- <div style="width: 90px; height: 91px">
@ -159,7 +146,6 @@
style="width: 100%; height: 100%; object-fit: contain" style="width: 100%; height: 100%; object-fit: contain"
/> />
</div> --> </div> -->
<!-- <span>{{$t('common.footerTips1')}}</span> --> <!-- <span>{{$t('common.footerTips1')}}</span> -->
<!-- </div> --> <!-- </div> -->
<!-- <span>{{ $t('common.footerTips1') }}</span> --> <!-- <span>{{ $t('common.footerTips1') }}</span> -->
@ -167,9 +153,7 @@
<!-- <p class="foot_p">{{$t('appConfig.name')}}</p> --> <!-- <p class="foot_p">{{$t('appConfig.name')}}</p> -->
<!-- <p class="foot_p">{{ $t('common.footerTips3') }}</p> --> <!-- <p class="foot_p">{{ $t('common.footerTips3') }}</p> -->
</div> </div>
<!-- email --> <!-- email -->
<!-- <div class="item" style="width:30%;margin-top: 74px;"> <!-- <div class="item" style="width:30%;margin-top: 74px;">
<p class="item_p" style="text-align: start; font-size:16px;">{{ $t("common.contactUs") }}</p> <p class="item_p" style="text-align: start; font-size:16px;">{{ $t("common.contactUs") }}</p>
@ -186,7 +170,6 @@
{{email}} {{email}}
</p> </p>
</div> --> </div> -->
<!-- <div class="container"> <!-- <div class="container">
<div class="row"> --> <div class="row"> -->
<!-- <div class="col-lg-2 col-md-3 mb-4"> <!-- <div class="col-lg-2 col-md-3 mb-4">
@ -219,7 +202,6 @@
</ul> </ul>
</div> </div>
</div> --> </div> -->
<!-- 联系我们 --> <!-- 联系我们 -->
<!-- <div class="col-lg-2 col-md-6"> <!-- <div class="col-lg-2 col-md-6">
<div class="footer-info-list"> <div class="footer-info-list">
@ -269,27 +251,24 @@
</div> </div>
<div class="mb-2"> {{$t('common.footerTips2',{name:appConfig.name})}}</div> <div class="mb-2"> {{$t('common.footerTips2',{name:appConfig.name})}}</div>
<div class="mb-2">{{$t('common.footerTips3')}}</div> <div class="mb-2">{{$t('common.footerTips3')}}</div>
</div> </div>
</div> --> </div> -->
<!-- </div> --> <!-- </div> -->
<!-- </div> --> <!-- </div> -->
</div> </div>
<div class="footer-right"> <div class="footer-right">
<div style="font-size: 20px;">{{ $t("homeNewText.ff18") }}</div> <div style="font-size: 20px;">{{ $t("homeNewText.cc1") }}</div>
<router-link class="jump_btn" to="/exchange">{{ $t("homeNewText.cc2") }}</router-link> <router-link class="jump_btn" to="/exchange">{{ $t("homeNewText.cc2") }}</router-link>
<img src="../assets/img/home/qrcode.png" alt="" style="width: 120px;height: 120px;"> <img src="../assets/img/home/qrcode.png" alt="" style="width: 120px;height: 120px;">
<div style="font-size: 16px; color: #9c9c9c;margin-top: 12px;">{{ $t("homeNewText.ff20") }}</div> <div style="font-size: 16px; color: #9c9c9c;margin-top: 12px;">{{ $t("homeNewText.cc3") }}</div>
</div> </div>
</div> </div>
</footer> </footer>
</template> </template>
<script> <script>
import College from "@/api/college"; import College from "@/api/college";
import ContactUs from "@/api/contactUs"; import ContactUs from "@/api/contactUs";
import { mapState } from "vuex"; import { mapState } from "vuex";
export default { export default {
data() { data() {
return { return {
@ -379,7 +358,6 @@ export default {
// } else { // } else {
UALang = "en"; // UALang = "en"; //
// } // }
let lang = localStorage.lang || UALang; let lang = localStorage.lang || UALang;
if (localStorage.getItem("lang") == null) { if (localStorage.getItem("lang") == null) {
// let localStorage.getItem("lang") = 'en'; // let localStorage.getItem("lang") = 'en';
@ -402,9 +380,7 @@ export default {
}, },
chooseNative(native) { chooseNative(native) {
// //
localStorage.setItem("lang", native); localStorage.setItem("lang", native);
// //
this.$router.go(0); this.$router.go(0);
}, },
@ -420,7 +396,6 @@ export default {
}) })
.catch((err) => {}); .catch((err) => {});
}, },
getServiceLink() { getServiceLink() {
College.getServiceList() College.getServiceList()
.then((list) => { .then((list) => {
@ -449,7 +424,6 @@ export default {
}, },
}; };
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
.footer { .footer {
background-color: #121212; background-color: #121212;
@ -584,11 +558,6 @@ export default {
box-sizing: border-box; box-sizing: border-box;
margin: 46px 0px 42px; margin: 46px 0px 42px;
} }
.jump_btn:hover{
cursor: pointer;
background-color: #2d58de;
color: #fff;
}
} }
} }
@ -639,4 +608,4 @@ export default {
} }
} }
} }
</style> </style>

3
src/components/CommonHeader.vue

@ -2,8 +2,7 @@
<header id="common-header" :class="[`light-bb`, hook]"> <header id="common-header" :class="[`light-bb`, hook]">
<nav class="navbar navbar-expand-lg" style="background-color: #121212;"> <nav class="navbar navbar-expand-lg" style="background-color: #121212;">
<a class="navbar-brand" href="#/"> <a class="navbar-brand" href="#/">
<img src="" alt="logo"/> <img :src="appConfig.head_logo" alt="logo"/>
<!-- <img :src="appConfig.head_logo" alt="logo"/> -->
<!-- <img src="../assets/img/logo.png" alt="logo" style="width:102px;height:30px"/> --> <!-- <img src="../assets/img/logo.png" alt="logo" style="width:102px;height:30px"/> -->
<!-- <span class="logo-text"> <!-- <span class="logo-text">
AMATAK AMATAK

4255
src/views/home/index.vue

File diff suppressed because it is too large

18558
yarn.lock

File diff suppressed because it is too large
Loading…
Cancel
Save