From 72dbfec77a747b9a08bc71b630464d4383877082 Mon Sep 17 00:00:00 2001
From: 杨磊 <505174330@qq.com>
Date: 星期一, 25 八月 2025 01:15:02 +0800
Subject: [PATCH] 按钮判断

---
 src/views/home/index.vue |   77 +++++++++++++++++++++++++++-----------
 1 files changed, 55 insertions(+), 22 deletions(-)

diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index f836b74..4112f60 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -1,12 +1,8 @@
 <template>
   <div class="homePage">
-    <el-carousel :height="screenheight + 'px'">
-      <el-carousel-item v-for="(item, index) in banner" :key="index">
-        <div class="bannerBox imgBox">
-          <img id="autoHeight" class="bannerImg" :src="item.icon" @click="bannerLink(item)" />
-        </div>
-      </el-carousel-item>
-    </el-carousel>
+    <div class="bannerBox imgBox">
+      <img class="bannerImg" :src="banner[0]?.icon" @click="bannerLink(item)" />
+    </div>
     <div v-if="informationList.length > 0" class="contentBox" style="margin-top: 50px">
       <div class="informationBox">
         <div class="bookListTitle">
@@ -43,9 +39,7 @@
             </div>
             <div class="infoBox">
               <div class="bookName">{{ item.name }}</div>
-              <div class="author">
-                浣滆�咃細{{ item.authorcaupress_author ? item.caupress_author : '-' }}
-              </div>
+              <div class="author">浣滆�咃細{{ item.author ? item.author : '-' }}</div>
               <div class="priceBox">
                 <span class="price" v-if="item.price && item.price > 0">
                   <span> 楼{{ item.price }}</span>
@@ -88,7 +82,9 @@
               />
             </el-tabs>
           </div>
-          <div class="more" style="margin-left: 20px" @click="toMore">鏇村></div>
+          <div class="more" style="margin-left: 30px; font-weight: normal" @click="toMore">
+            鏇村>
+          </div>
         </div>
       </div>
       <div class="recommendList">
@@ -103,9 +99,7 @@
           </div>
           <div class="infoBox">
             <div class="bookName">{{ item.name }}</div>
-            <div class="author">
-              浣滆�咃細{{ item.authorcaupress_author ? item.caupress_author : '-' }}
-            </div>
+            <div class="author">浣滆�咃細{{ item.author ? item.author : '-' }}</div>
             <div class="priceBox">
               <span class="price" v-if="item.price && item.price > 0">
                 <span>楼{{ item.price }}</span>
@@ -124,10 +118,11 @@
 import moment from 'moment'
 import { ElMessage } from 'element-plus'
 import teacherCertification from '@/views/personalCenter/teacherCertification.vue'
-import { ref, onBeforeMount, inject, reactive, onMounted } from 'vue'
+import { ref, onBeforeMount, inject, reactive, onMounted, watch } from 'vue'
 let screenheight = ref(document.documentElement.clientHeight / 2)
 import { useRouter, useRoute } from 'vue-router'
 const router = useRouter()
+const route = useRoute()
 
 const MG = inject('MG')
 const config = inject('config')
@@ -138,6 +133,7 @@
 const informationList = reactive([])
 let classfeild = ref([])
 let activeName = ref('A1')
+let callbackLink = ref(null)
 
 let bookListData = ref([])
 let navBookList = ref([])
@@ -180,6 +176,13 @@
   getBookList()
   getNavBookList()
 })
+
+watch(
+  () => route, // 鐩戝惉 path 鍙樺寲
+  (newPath, oldPath) => {
+    console.log('璺敱璺緞浠�', oldPath, '鍙樹负', newPath)
+  },
+)
 
 const toMore = () => {
   router.push({
@@ -238,6 +241,7 @@
       },
       fields: {
         'teachingLevel=': activeName.value,
+        author: [],
       },
     })
     .then((res) => {
@@ -351,6 +355,27 @@
   min-height: calc(100vh - 61.8%);
   background-color: #fff;
   padding-bottom: 100px;
+
+  .bannerBox {
+    height: 615px;
+    position: relative;
+    .bannerText {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      font-size: 36px;
+      font-weight: 700;
+      color: #fff;
+      text-shadow: 0px 0px 10px #000000;
+      text-align: center;
+    }
+    .enText {
+      font-size: 28px;
+      opacity: 0.45;
+      margin-top: 10px;
+    }
+  }
 }
 .el-carousel__item h3 {
   color: #475669;
@@ -422,7 +447,6 @@
 .bookListBox {
   width: 100%;
   padding: 80px 0;
-  margin-top: 30px;
   background-repeat: no-repeat;
   background-size: 100% 100%;
   background-image: url('@/assets/images/tuijian-bg.png');
@@ -495,24 +519,24 @@
   margin-top: 60px;
   margin-bottom: 60px;
   .authentication {
-    width: 40%;
-    height: 100px;
+    width: 48%;
+    height: 123px;
     background-repeat: no-repeat;
     background-size: 100% 100%;
     background-image: url('@/assets/images/xiehe/home/jiaoshirenzheng.png');
   }
   .manual {
-    width: 40%;
-    height: 100px;
+    width: 48%;
+    height: 123px;
     background-repeat: no-repeat;
     background-size: 100% 100%;
-    background-image: url('@/assets/images/xiehe/home/jiaoshirenzheng.png');
+    background-image: url('@/assets/images/xiehe/home/caozuoshouce.png');
   }
 }
 
 .titleTabs {
   margin-left: 50px;
-  width: 75%;
+  width: 85%;
 }
 .bookListTitle {
   display: flex;
@@ -546,6 +570,15 @@
     font-size: 14px;
     color: #ccc;
     margin-top: 10px;
+    line-height: 20px;
   }
 }
+
+::v-deep(.el-tabs__item) {
+  align-items: stretch;
+  height: 60px !important;
+  line-height: 20px;
+  text-align: center;
+  white-space: pre-wrap !important;
+}
 </style>

--
Gitblit v1.9.1