From cf7e71c6d0fb64eeb6b5deac540da843b4bb465c Mon Sep 17 00:00:00 2001
From: QYF-GitLab1 <1940665526@qq.com>
Date: 星期二, 26 八月 2025 10:41:52 +0800
Subject: [PATCH] 关于我们-理念与品牌文化

---
 src/views/home/index.vue |   79 ++++++++++++++++++++++++++++++++++-----
 1 files changed, 68 insertions(+), 11 deletions(-)

diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index ca93dc4..d5dddec 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -2,7 +2,7 @@
   <div class="homePage">
     <el-carousel :height="'615px'">
       <el-carousel-item v-for="(item, index) in banner" :key="index">
-        <div class="bannerBox imgBox">
+        <div class="bannerBox">
           <img id="autoHeight" class="bannerImg" :src="item.icon" @click="bannerLink(item)" />
         </div>
       </el-carousel-item>
@@ -28,7 +28,10 @@
     <div class="bookListBox">
       <div class="contentBox">
         <div class="bookListTitle">
-          <div class="title">鎺ㄨ崘鏁欐潗</div>
+          <div class="titleBox">
+            <span class="titleTextBg">鎺ㄨ崘</span>
+            <span>鏁欐潗</span>
+          </div>
           <div class="more" @click="toMore">鏇村></div>
         </div>
         <div class="recommendList">
@@ -45,7 +48,7 @@
                 <span class="price" v-if="item.price && item.price > 0">
                   <span> 楼{{ item.price }}</span>
                 </span>
-                <span class="oldPrice" v-if="item.oldPrice"> 楼{{ item.oldPrice }}</span>
+                <span class="oldPrice" v-if="item.oldPrice > 0"> 楼{{ item.oldPrice }}</span>
               </div>
             </div>
           </div>
@@ -74,13 +77,18 @@
 
       <div class="bookListTitle">
         <div class="title" style="display: flex; line-height: 50px">
-          <div>鏁欏瀵艰埅</div>
+          <div class="titleBox">
+            <span class="titleTextBg">鏁欏</span>
+            <span>瀵艰埅</span>
+          </div>
           <div class="titleTabs" v-if="classfeild.length > 0">
             <el-tabs v-model="activeName" @tab-change="handleClick">
               <el-tab-pane v-for="item in classfeild" :key="item.value" :label="item.name" :name="item.value" />
             </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">
@@ -97,7 +105,7 @@
               <span class="price" v-if="item.price && item.price > 0">
                 <span>楼{{ item.price }}</span>
               </span>
-              <span class="oldPrice" v-if="item.oldPrice">楼{{ item.oldPrice }}</span>
+              <span class="oldPrice" v-if="item.oldPrice > 0">楼{{ item.oldPrice }}</span>
             </div>
           </div>
         </div>
@@ -236,7 +244,13 @@
       },
     })
     .then((res) => {
-      navBookList.value = res.datas
+      navBookList.value = res.datas?.map(item => {
+        return {
+          ...item,
+          price: toolClass.toDecimal2(item.price),
+          oldPrice: toolClass.toDecimal2(item.oldPrice),
+        }
+      })
     })
 }
 
@@ -308,7 +322,13 @@
       },
     })
     .then((res) => {
-      bookListData.value = res.datas
+      bookListData.value = res.datas?.map(item => {
+        return {
+          ...item,
+          price: toolClass.toDecimal2(item.price),
+          oldPrice: toolClass.toDecimal2(item.oldPrice),
+        }
+      })
     })
 }
 
@@ -345,6 +365,32 @@
   min-height: calc(100vh - 61.8%);
   background-color: #fff;
   padding-bottom: 100px;
+
+  .titleBox {
+    min-width: 127px;
+    font-family: JDLangZhengTi, JDLangZhengTi;
+    font-weight: 400;
+    font-size: 24px;
+    color: #000;
+    line-height: 24px;
+    text-align: left;
+    white-space: nowrap;
+
+    .titleTextBg {
+      padding: 2px 5px;
+      box-sizing: border-box;
+      background-image: url('@/assets/images/xiehe/home/Text_bg2@.png');
+      background-size: 100% 100%;
+      background-repeat: no-repeat;
+      background-position: center;
+      color: #fff;
+    }
+  }
+
+  .bannerBox {
+    width: 100%;
+    height: 100%;
+  }
 }
 
 .el-carousel__item h3 {
@@ -429,7 +475,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');
@@ -457,6 +502,7 @@
     border: 1px solid #DEDEDE;
     box-sizing: border-box;
     padding: 30px 0;
+    box-sizing: border-box;
 
     &:last-child {
       margin-right: 0;
@@ -548,7 +594,7 @@
 }
 
 .titleTabs {
-  margin-left: 50px;
+  margin-left: 30px;
   width: 85%;
 }
 
@@ -559,7 +605,6 @@
   margin-bottom: 20px;
   border-bottom: 1px solid #ebebeb;
 
-  padding-bottom: 20px;
 
   .title {
     font-size: 20px;
@@ -572,6 +617,8 @@
     color: #999999;
     cursor: pointer;
     font-weight: 500;
+    min-width: 60px;
+    text-align: center;
   }
 }
 
@@ -618,4 +665,14 @@
   box-sizing: border-box;
   margin: 0 10px;
 }
+
+
+::v-deep(.el-tabs__header) {
+  padding: 0;
+  position: relative;
+  margin: 0 0 0 0px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between
+}
 </style>

--
Gitblit v1.9.1