From 9cad6a832c786989be620573b09badccfe7e3b51 Mon Sep 17 00:00:00 2001
From: QYF-GitLab1 <1940665526@qq.com>
Date: 星期一, 25 八月 2025 15:11:37 +0800
Subject: [PATCH] 首页头部，样式调整
---
src/layout/components/footerPage.vue | 170 ++++++++++++++++++++++++++++++++++++++++++++++++++------
1 files changed, 151 insertions(+), 19 deletions(-)
diff --git a/src/layout/components/footerPage.vue b/src/layout/components/footerPage.vue
index 184da08..3e2ebf4 100644
--- a/src/layout/components/footerPage.vue
+++ b/src/layout/components/footerPage.vue
@@ -1,21 +1,21 @@
<template>
<div class="pageFooter">
<div class="footerContent contentBox flex">
- <div class="infoBox flex1">
+ <div class="infoBox">
<ul class="linkBox">
- <li class="link" @click="toAboutus(index)" v-for="(item, index) in linkList" :key="index">
+ <li class="link" @click="innerLink(item)" v-for="(item, index) in linkList" :key="index">
{{ item.name }}
</li>
</ul>
<ul class="linkBox">
- <li class="link" @click="toAboutus(index)" v-for="(item, index) in newList" :key="index">
+ <li class="link" @click="innerLink(item)" v-for="(item, index) in newList" :key="index">
{{ item.name }}
</li>
</ul>
<ul class="linkBox">
<li
class="link"
- @click="toAboutus(index)"
+ @click="toAboutus(item)"
v-for="(item, index) in serviceList"
:key="index"
>
@@ -23,37 +23,163 @@
</li>
</ul>
<ul class="linkBox">
- <li class="link" @click="toAboutus(index)">澶╃尗鏃楄埌搴�</li>
- <li class="link" style="opacity: 1; font-size: 20px" @click="toAboutus(index)">
+ <li class="link" @click="toAboutus({ name: '澶╃尗鏃楄埌搴�' })">澶╃尗鏃楄埌搴�</li>
+ <li
+ class="link"
+ style="opacity: 1; font-size: 16px"
+ @click="toAboutus({ name: '浜笢鏃楄埌搴�' })"
+ >
浜笢鏃楄埌搴�
</li>
</ul>
</div>
<div class="QRCodeBox">
+ <div style="font-size: 16px; color: #fff">濯掍綋鐭╅樀</div>
<div class="codeItem">
- <img src="@/assets/images/pageFooter/wechatCode.png" />
- </div>
- <div class="codeItem">
- <img src="@/assets/images/pageFooter/weiboCode.png" />
+ <img src="@/assets/images/pageFooter/xieheCode.png" />
</div>
</div>
</div>
+ <el-divider
+ style="border-color: rgba(255, 255, 255, 0.25); width: 1369px; margin: auto"
+ ></el-divider>
<div class="copyrightBox">
<span
>涓浗鍗忓拰鍖荤澶у鍑虹増绀炬湁闄愬叕鍙� 涓� 澶囨搴忓彿锛�<span class="beian" @click="toLink"
>浜琁CP澶� 05029104鍙�-4浜掕仈缃戝嚭鐗堣鍙瘉 鏂板嚭缃戣瘉 锛堜含 锛�</span
>
- 涓� 澧炲�肩數淇′笟鍔＄粡钀ヨ鍙瘉锛氫含B2-20224426</span
- >
+ </span>
<span style="display: block">Copyright漏2013 涓浗鍗忓拰鍖荤澶у鍑虹増绀炬湁闄愬叕鍙� 鐗堟潈鎵�鏈�!</span>
</div>
+ <teacherCertification :isShow="teacherDialog" @dialog-Change="dialogChange" />
</div>
</template>
<script setup lang="ts">
-import { reactive } from 'vue'
+import { inject, onMounted, reactive, ref } from 'vue'
+import teacherCertification from '@/views/personalCenter/teacherCertification.vue'
+const MG = inject('MG')
+const config = inject('config')
+import { useRouter, useRoute } from 'vue-router'
+const router = useRouter()
+import { ElMessage } from 'element-plus'
+const logIn = inject('logIn')
+const toLinkList = reactive([])
+const thirdPartyLink = reactive([])
+let teacherDialog = ref(false)
+onMounted(() => {
+ getBanner()
+ getLinkList()
+})
-const toAboutus = () => {}
+const dialogChange = (val) => {
+ getTeacherInfo()
+ if (val == false) {
+ teacherDialog.value = false
+ } else {
+ teacherDialog.value = true
+ }
+}
+
+//鏁欏笀淇℃伅
+function getTeacherInfo() {
+ const data = {
+ start: 0,
+ size: 10,
+ topicIdOrRefCode: 'teacherRoleApproval',
+ appRefCode: config.appRefCode,
+ sort: {
+ type: 'Desc',
+ field: 'CreateDate',
+ },
+ }
+ MG.ugc.getTopicMessageList(data).then((res) => {
+ try {
+ const resData = res.datas.find((i) => i.appUserCreator.userId == userId.value)
+ if (resData) {
+ teacherState.value = resData.state
+ if (resData.feedBack != null) {
+ reasonTxt.value = JSON.parse(resData.feedBack).reason
+ }
+ } else {
+ teacherState.value = ''
+ }
+ loading.value = false
+ } catch (error) {
+ loading.value = false
+ }
+ })
+}
+
+const getBanner = () => {
+ MG.resource
+ .getItem({
+ path: 'friendshipLink',
+ fields: { link: [] },
+ paging: { start: 0, size: 99 },
+ })
+ .then((res) => {
+ console.log(res, 'link')
+ toLinkList.push(...res.datas)
+ })
+}
+const getLinkList = () => {
+ MG.resource
+ .getItem({
+ path: 'purchaseMethod',
+ fields: { link: [] },
+ paging: { start: 0, size: 99 },
+ })
+ .then((res) => {
+ toLinkList.push(...res.datas)
+ console.log(toLinkList, 'toLinkList')
+ })
+}
+
+const innerLink = (item) => {
+ console.log(item, 'item')
+ switch (item.name) {
+ case '鍏充簬鎴戜滑':
+ router.push('/aboutUs')
+ break
+ case '鑱旂郴鎴戜滑':
+ router.push('/aboutUs')
+ break
+ case '鎰忚鍙嶉':
+ ElMessage({
+ message: '寤鸿涓�...',
+ type: 'warning',
+ })
+ break
+ case '鎿嶄綔鎸囧崡':
+ ElMessage({
+ message: '寤鸿涓�...',
+ type: 'warning',
+ })
+ break
+ case '鏁欏笀璁よ瘉':
+ console.log(localStorage.getItem(config.tokenKey))
+
+ if (localStorage.getItem(config.tokenKey)) {
+ teacherDialog.value = true
+ } else {
+ logIn()
+ }
+ break
+ default:
+ break
+ }
+}
+
+const toAboutus = (item) => {
+ console.log(item.name, 'item')
+ const currentLink = toLinkList.find((i) => i.name === item.name)
+ console.log(currentLink, 'currentLink')
+ console.log(toLinkList, 'toLinkList')
+ if (currentLink) {
+ window.open(currentLink.link)
+ }
+}
const linkList = reactive([
{
@@ -105,7 +231,7 @@
url: '',
},
{
- name: '鍖椾含甯傚崼鍋ュ',
+ name: '鍖椾含甯傚崼鐢熷仴搴峰',
url: '',
},
])
@@ -115,8 +241,11 @@
.pageFooter {
background: #444444;
background-image: url('@/assets/images/xiehe/home/footer-bg.png');
+ background-repeat: no-repeat;
+ background-size: 100% 100%;
.footerContent {
padding: 30px 0;
+ justify-content: start;
.infoBox {
display: flex;
.linkBox {
@@ -127,6 +256,8 @@
cursor: pointer;
color: #fff;
margin-top: 20px;
+ font-size: 14px;
+
opacity: 0.7;
&::after {
margin-left: 15px;
@@ -137,7 +268,7 @@
&:first-child {
color: #fff;
opacity: 1;
- font-size: 20px;
+ font-size: 16px;
margin-bottom: 10px;
}
}
@@ -159,10 +290,11 @@
}
}
.QRCodeBox {
+ margin-left: 240px;
+
.codeItem {
display: inline-block;
text-align: center;
- margin-left: 40px;
p {
font-size: 16px;
}
@@ -180,8 +312,8 @@
height: 80px;
line-height: 40px;
- font-size: 12px;
- border-top: 1px solid #e6e6e6;
+ font-size: 14px;
+ // border-top: 1px solid #ccc;
.beian {
cursor: pointer;
}
--
Gitblit v1.9.1