From 655bb7e7e3825193a7af58d2f7ba40347ef8188d Mon Sep 17 00:00:00 2001
From: modendeveloper <modendeveloper@163.com>
Date: Sun, 17 Nov 2024 23:32:49 +0800
Subject: [PATCH] =?UTF-8?q?Style(=E9=9D=9E=E9=81=97=E6=96=87=E5=8C=96&?=
 =?UTF-8?q?=E5=9C=B0=E6=A0=87=E5=A5=BD=E7=89=A9):=20=E5=9B=BE=E7=89=87?=
 =?UTF-8?q?=E3=80=81=E5=9B=BE=E6=A0=87=E3=80=81=E8=83=8C=E6=99=AF=E5=9B=BE?=
 =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/home/components/projects.vue     | 23 +++++++++++---
 pages/home/components/serviec.vue      |  6 ++--
 pkg_product/views/heritage/details.vue | 43 +++++++++++++++++++++++---
 3 files changed, 61 insertions(+), 11 deletions(-)

diff --git a/pages/home/components/projects.vue b/pages/home/components/projects.vue
index 5c18d28..3d0b8f8 100644
--- a/pages/home/components/projects.vue
+++ b/pages/home/components/projects.vue
@@ -17,7 +17,13 @@
             'no-actived-3': actived === 3 && item.value === 2,
             'no-actived-4': actived === 2 && item.value === 3,
           }"
-        >{{ item.name }}</view>
+        >
+          <image class="tab-icon" :src="webUrl + '/orderIcon/' + item.icon" mode="aspectFit|aspectFill|widthFix"></image>
+          {{ item.name }}
+          <!-- <view>
+            <view>{{ item.name }}</view>
+          </view> -->
+      </view>
       </view>
     </view>
     <view 
@@ -53,11 +59,12 @@ export default {
   },
   data() {
     return {
+      webUrl: this.$VUE_APP_RESOURCES_URL,
       actived: 1,
       tabs: [
-        {name: '企业推荐', value: 1},
-        {name: '政策', value: 2},
-        {name: '服务', value: 3},
+        {name: '企业推荐', value: 1, icon: 'qytj.png'},
+        {name: '政策', value: 2, icon: 'zc.png'},
+        {name: '服务', value: 3, icon: 'fw.png'},
       ]
     }
   },
@@ -70,6 +77,11 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+.tab-icon{
+  height: 30rpx;
+  width: 30rpx;
+  margin-right: 10rpx;
+}
 .fit-box-inner{
   background: #f0f0f0;
   width: initial;
@@ -106,6 +118,9 @@ export default {
     background: #f0f0f0;
     width: inherit;
     height: inherit;
+    display: flex;
+    justify-content: center;
+    align-items: center
   }
 }
 .no-actived-1{
diff --git a/pages/home/components/serviec.vue b/pages/home/components/serviec.vue
index 03aea6f..99e3849 100644
--- a/pages/home/components/serviec.vue
+++ b/pages/home/components/serviec.vue
@@ -4,7 +4,7 @@
       <map
         :longitude="info.longitude"
         :latitude="info.latitude"
-        style="width: 100%;height: 400rpx; border-radius: 20rpx;"
+        style="width: 100%;height: 100%; border-radius: 20rpx;"
       />
     </view>
     <view class="v12-mt-3 info-wrap">
@@ -78,8 +78,8 @@ export default {
 }
 .info-wrap{
   display: flex;
-  justify-content: space-around;
-  padding: 40rpx 0 0;
+  justify-content: space-between;
+  padding: 40rpx 20rpx 0;
 }
 .service{
   position: relative;
diff --git a/pkg_product/views/heritage/details.vue b/pkg_product/views/heritage/details.vue
index 7c46fb5..3c2953b 100644
--- a/pkg_product/views/heritage/details.vue
+++ b/pkg_product/views/heritage/details.vue
@@ -4,7 +4,16 @@
       <video class="top-img" :src="details.video"></video>
     </view>
     <view class="title-img">
-      <view></view>
+      <view class="img-wrap">
+        <view class="v12-align-center">
+          <image class="left-img" :src="webUrl + '/orderIcon/左.png'"></image>
+          <view class="v12-align-center text-img-wrap">
+            <image :src="webUrl + '/orderIcon/中.png'"></image>
+            <view class="v12-font-36 d-title">{{ details.name }}</view>
+          </view>
+          <image class="left-img" :src="webUrl + '/orderIcon/右.png'"></image>
+        </view>
+      </view>
       <view class="v12-font-26 v12-font-bold v12-dark-text">{{ details.intro }}</view>
     </view>
     <view class="tabs v12-my-3 v12-font-32 v12-font-bold">
@@ -48,6 +57,7 @@ import { getIchContent } from '@/api/heritage'
 export default {
   data() {
     return {
+      webUrl: this.$VUE_APP_RESOURCES_URL,
       actived: 1,
       id: '',
       details: {}
@@ -76,6 +86,31 @@ export default {
 </script>
 
 <style lang="less" scoped>
+.text-img-wrap{
+  width: fit-content;
+  position: relative;
+  image{
+    width: 100%;
+    height: 70rpx;
+    position: absolute;
+  }
+}
+.img-wrap{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.left-img{
+   height: 70rpx;
+   width: 60rpx;
+}
+.d-title{
+  text-align: center; 
+  font-weight: bold;
+  z-index: 1;
+  color: #fff;
+  line-height: 70rpx;
+}
 .p-name{
   max-width: 200rpx;
   text-align: center;
@@ -141,12 +176,12 @@ export default {
   border-radius: 20rpx;
 }
 .title-img{
-  height: 146rpx;
+  /* height: 146rpx; */
   width: 100%;
   border-radius: 146rpx;
   margin-top: 24rpx;
-  background: rgba(255,255,255,0.39);
-  padding: 60rpx;
+  background: #e0bb8c;
+  padding: 10rpx 60rpx;
   box-sizing: border-box;
 }
 </style>
\ No newline at end of file