Merge branch 'master' of http://112.124.100.131/happyinsurance_eco/ebiz-sunful-eco-h5

src/components/service/index.vue

@@ -3,81 +3,81 @@ import { service } from './js/healthily'
 import GridIcon from '../grid-icon/grid-icon.vue'
 
 export default {
-    name: 'service',
-    components: {
-        GridIcon
+  name: 'service',
+  components: {
+    GridIcon,
+  },
+  props: {
+    title: {
+      type: String,
+      default: service.title,
     },
-    props: {
-        title: {
-            type: String,
-            default: service.title,
-        },
-        subTitle: {
-            type: String,
-            default: service.subTitle,
-        },
-        content: {
-            type: Object,
-            default: () => service.content,
-        },
-        img: {
-            type: String,
-            default: service.img,
-        },
-        tail: {
-            type: String,
-            default: service.tail,
-        }
-    }
+    subTitle: {
+      type: String,
+      default: service.subTitle,
+    },
+    content: {
+      type: Object,
+      default: () => service.content,
+    },
+    img: {
+      type: String,
+      default: service.img,
+    },
+    tail: {
+      type: String,
+      default: service.tail,
+    },
+  },
 }
 </script>
 
 <template>
-    <div class="service-container mt30 mb25">
-        <div class="title">{{ title }}</div>
-        <div class="sub-title mt5">{{ subTitle }}</div>
-        <div class="content mt40 pl25 pr25">
-            <div class="content-title mb30" v-html="content.title"></div>
-            <slot>
-                <ul class="content-items pl20 pr25">
-                    <li v-for="item in content.items" :key="item.text">
-                        <img :src="item.icon" alt="">
-                        <p>{{ item.text }}</p>
-                    </li>
-                </ul>
-            </slot>
-        </div>
-        <div class="img mt30 mb30 ml10 mr10">
-            <van-image :src="img"></van-image>
-        </div>
-        <div class="tail mr20 ml20">{{ tail }}</div>
+  <div class="service-container mt30 mb25">
+    <div class="title">{{ title }}</div>
+    <div class="sub-title mt5">{{ subTitle }}</div>
+    <div class="content mt40 pl25 pr25">
+      <div class="content-title mb30" v-html="content.title"></div>
+      <slot>
+        <ul class="content-items pl20 pr25">
+          <li v-for="item in content.items" :key="item.text">
+            <img :src="item.icon" alt="" v-if="item.icon" />
+            <p v-html="item.text"></p>
+          </li>
+        </ul>
+      </slot>
     </div>
+    <div class="img mt30 mb30 ml10 mr10">
+      <van-image :src="img"></van-image>
+    </div>
+    <div class="tail mr20 ml20" v-html="tail"></div>
+  </div>
 </template>
 
 <style lang="scss" scoped>
 .service-container {
-    background-color: #fff;
+  background-color: #fff;
+  display: flex;
+  flex-flow: column;
+  justify-content: center;
+  align-items: center;
+
+  .title {
+    font-family: PingFangSC, PingFang SC;
+    font-weight: 500;
+    font-size: 20px;
+    color: #000000;
+    line-height: 28px;
+    text-align: left;
+    font-style: normal;
+  }
+
+  .content {
     display: flex;
     flex-flow: column;
     justify-content: center;
     align-items: center;
-
-    .title {
-        font-family: PingFangSC, PingFang SC;
-        font-weight: 500;
-        font-size: 20px;
-        color: #000000;
-        line-height: 28px;
-        text-align: left;
-        font-style: normal;
-    }
-
-    .content {
-        display: flex;
-        flex-flow: column;
-        justify-content: center;
-        align-items: center;
-    }
+  }
 
   .sub-title {
     font-family: PingFangSC, PingFang SC;
@@ -104,27 +104,27 @@ export default {
     flex-direction: column;
     gap: 25px;
 
-        li {
-            display: flex;
-            gap: 16px;
-        }
-
-        img {
-            width: 40px;
-            height: 40px;
-        }
-
-        p {
-            font-family: PingFangSC, PingFang SC;
-            font-weight: 400;
-            font-size: 14px;
-            color: #000000;
-            line-height: 20px;
-            text-align: left;
-            font-style: normal;
-        }
+    li {
+      display: flex;
+      gap: 16px;
     }
 
+    img {
+      width: 40px;
+      height: 40px;
+    }
+
+    p {
+      font-family: PingFangSC, PingFang SC;
+      font-weight: 400;
+      font-size: 14px;
+      color: #000000;
+      line-height: 20px;
+      text-align: left;
+      font-style: normal;
+    }
+  }
+
   .tail {
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;

src/components/service/js/healthily.js

@@ -1,23 +1,27 @@
 export const service = {
-  title: '全周期的智慧健康服务体系',
+  title: '全生命周期的智慧健康服务体系',
   subTitle: '防-筛-诊-治-康',
   content: {
     title: `幸福人寿致力于构建覆盖“<span style="color:#E53D3D">防</span>-<span style="color:#E53D3D">筛</span>-<span style="color:#E53D3D">诊</span>-<span style="color:#E53D3D">治</span>-<span style="color:#E53D3D">康</span>”全周期的智慧健康服务体系。`,
     items: [
       {
-        icon: require('@/assets/images/healthily/heart.webp'),
-        text: '依托先进的预防医学平台，提供个性化健康筛查与风险评估；'
+        // icon: require('@/assets/images/healthily/heart.webp'),
+        text: '<b>构建精准预防体系</b>：基于生物标志物多维检测与风险评估模型，提供个体化健康筛查方案\n',
       },
       {
-        icon: require('@/assets/images/healthily/head.webp'),
-        text: '通过多学科专家团队与智能诊断技术，实现精准医疗；'
+        // icon: require('@/assets/images/healthily/head.webp'),
+        text: '<b>打造整合诊疗平台</b>：通过MDT多学科协作与智能辅助决策系统，实现精准诊断与干预',
       },
       {
-        icon: require('@/assets/images/healthily/ball.webp'),
-        text: '定制个性化治疗方案，并配备专业康复管理。'
-      }
-    ]
+        // icon: require('@/assets/images/healthily/ball.webp'),
+        text: '<b>实施全程健康干预</b>：制定个性化健康管理计划，配套专业康复指导与效果追踪',
+      },
+      {
+        // icon: require('@/assets/images/healthily/ball.webp'),
+        text: '<b>建立智能健康中枢</b>：运用健康大数据平台与AI预测模型，实现全生命周期健康监测与风险管理',
+      },
+    ],
   },
   img: require('@/assets/images/healthily/right-img.png'),
-  tail: '从健康促进到疾病管理，我们以科技创新为驱动，以人文关怀为核心，为客户提供一站式、全流程的健康守护，让每位客户都能享有高品质的医疗健康服务。'
+  tail: '从健康促进到疾病管理，我们以科技创新为驱动，以人文关怀为核心，为您提供全流程的健康守护，让您享有高品质的医疗健康服务。',
 }

src/views/nextPage/aboutSunful/index.vue

@@ -89,7 +89,8 @@ export default {
   data() {
     return {
       headerImg,
-      headerText: '成立于2007年，总部设在北京，公司注册资本金达101.3亿元人民币,位于寿险公司前列，资本实力雄厚截至2024年年末，公司总资产达1,316.62亿元人民币。',
+      headerText:
+        ' 成立于2007年，总部设在北京，公司注册资本金达101.3亿元人民币，位于寿险公司前列，资本实力雄厚。截至2024年末，公司总资产达1,316.62亿元人民币。',
       headerText2: '截至目前，公司已设立了22家分公司，200余家分支机构，为全国超过百万个人客户及近万家企业客户提供丰富、周到、快捷、优质的保险服务。',
 
       grids: [
@@ -132,7 +133,8 @@ export default {
       timeLines: [
         {
           time: '2008年',
-          content: ['北京分公司', '陕西省分公司', '深圳分公司', '上海分公司', '湖南省分公司', '安徽省分公司', '重庆分公司', '辽宁省分公司', '江苏分公司'],
+
+          content: ['北京分公司', '陕西省分公司', '深圳分公司', '湖南省分公司', '安徽省分公司', '上海分公司', '辽宁省分公司', '重庆分公司', '江苏分公司'],
         },
         {
           time: '2009年',
@@ -144,7 +146,7 @@ export default {
         },
         {
           time: '2011年',
-          content: ['苏州分公司', '四川分公司', '河北分公司'],
+          content: ['河南分公司 ', ' 山西分公司'],
         },
       ],
     }

src/views/nextPage/devHistory/index.vue

@@ -43,7 +43,7 @@ export default {
           title: '2025',
           unit: '年',
           content:
-            '2025年幸福人寿将生态建设提升为公司重点任务，与各个领域的前沿机构、组织、企业通力合作，围绕“生活娱乐、养老安排、医疗健康、子女教育、财富管理”五个方面，打造五位一体的“幸福生态圈”。',
+            '2025年幸福人寿将生态建设提升为公司重点任务，与各个领域的前沿机构、组织、企业通力合作，围绕“健康医疗、养老服务、子女教育、财富管理、生活娱乐”五个方面，打造五位一体的“幸福生态圈”。',
         },
         {
           title: '2023',

src/views/nextPage/ecologicalConstruction/index.vue

@@ -10,7 +10,7 @@
       </p>
     </div>
 
-    <div class="label-layout">匠心臻选，只为满足客户的每一个需求期待！</div>
+    <div class="label-layout">匠心臻选，只为满足您的每一个需求期待！</div>
     <!--    2025，客户权益重磅升级-->
     <div class="flex-container">
       <h3>2025，客户权益重磅升级</h3>
@@ -18,7 +18,7 @@
       <img src="../../../assets/images/h5/ecologicalConstruction/img.png" alt="" class="mt15" />
 
       <p class="text mt15">
-        全力运用金融科技驱动业务创新，重构以客户为中心的业务体系和运营体系，推动销售变革，形成高效管理，在不断改善客户体验的同时，与合作伙伴一起形成相互赋能的新型生态。
+        全力运用金融科技驱动亚务创新，重构以客户为中心的业务体系和运营体系，推动销售变革，形成高效管理，在不断改善客户体验的同时，与合作伙伴一起形成相互赋能的新型生态。
       </p>
     </div>
     <!--    幸福生态圈-->

src/views/pages/healthily/list.js

@@ -6,25 +6,25 @@ export const list = [
         img: require('@/assets/images/healthily/fang/jkpc.webp'),
         icon: require('@/assets/images/healthily/icon-1.webp'),
         title: '健康评测',
-        desc: '通过专业评测与风险评估，生成清晰直观的健康报告，为客户定制个性化健康管理方案，预防潜在疾病风险。',
+        desc: '通过专业评测与风险评估，生成清晰直观的健康报告，为您定制个性化健康管理方案，预防潜在疾病风险。',
       },
       {
         img: require('@/assets/images/healthily/fang/jkzx.webp'),
         icon: require('@/assets/images/healthily/icon-1.webp'),
         title: '健康咨询',
-        desc: '拥有三甲医院医师、门诊专家组成的健康顾问团，提供一对一健康指导，解答健康疑问，助客户科学规划生活方式。',
+        desc: '拥有三甲医院医师、门诊专家组成的健康顾问团，为您提供一对一健康指导，解答健康疑问，助您科学规划生活方式。',
       },
       {
         img: require('@/assets/images/healthily/fang/spys.webp'),
         icon: require('@/assets/images/healthily/icon-1.webp'),
         title: '视频医生',
-        desc: '7×24小时在线视频问诊，无需排队挂号，足不出户解决健康疑问。',
+        desc: '7×24小时在线视频问诊，让您无需排队挂号，足不出户解决健康疑问。',
       },
       {
         img: require('@/assets/images/healthily/fang/xbcc.webp'),
         icon: require('@/assets/images/healthily/icon-1.webp'),
         title: '细胞存储',
-        desc: '采用先进生物技术存储免疫细胞或干细胞，为未来健康保障预留宝贵生物资源，以达到增强机体免疫力，治疗免疫缺陷性疾病或恢复受损的免疫系统的目的。',
+        desc: '采用先进生物技术存储免疫细胞或干细胞，为未来健康保障预留宝贵生物资源，以达到增强机体免疫力，治疗免疫缺陷性疾病或恢复受损的免疫系统的目的。 ',
       },
     ],
   },
@@ -35,7 +35,7 @@ export const list = [
         img: require('@/assets/images/healthily/shai/1.png'),
         icon: require('@/assets/images/healthily/icon-1.webp'),
         title: '体检服务',
-        desc: '专业体检机构为客户定制化体检套餐，生成清晰直观的健康报告，全方位评估健康状况，精准发现潜在风险。',
+        desc: '专业体检机构定制体检套餐，生成清晰直观的健康报告，全方位评估健康状况，精准发现潜在风险。',
       },
       {
         img: require('@/assets/images/healthily/shai/2.png'),
@@ -45,7 +45,7 @@ export const list = [
       },
       {
         icon: require('@/assets/images/healthily/icon-1.webp'),
-        desc: '通过高灵敏肿瘤早筛检查，对早期癌症进行预警，量化评估预后情况，帮助客户构建早期癌症预防和预后监测体系。\n',
+        desc: '通过高灵敏肿瘤早筛检查，对早期癌症进行预警，量化评估预后情况，构建早期癌症预防和预后监测体系。\n',
         img: require('@/assets/images/healthily/shai/3.png'),
         title: '高端检测',
       },
@@ -64,19 +64,19 @@ export const list = [
         img: require('@/assets/images/healthily/zhen/yygh.png'),
         icon: require('@/assets/images/healthily/icon-1.webp'),
         title: '预约挂号',
-        desc: '通过线上预约或电话预约，客户可自主选择全国千余家医院和科室，轻松完成预约挂号，告别排队困扰，实现轻松就医。',
+        desc: '通过线上预约或电话预约，您可自主选择全国千余家医院和科室，轻松完成预约挂号，告别排队困扰，实现轻松就医。',
       },
       {
         img: require('@/assets/images/healthily/zhen/jzlt.png'),
         icon: require('@/assets/images/healthily/icon-1.webp'),
         title: '就诊绿通',
-        desc: '覆盖全国30个省级行政区，140余座大中型城市，近2000家三甲医院，为客户提供门诊预约、陪诊、住院加急等服务。',
+        desc: '绿通服务覆盖全国30个省级行政区，140余座大中型城市，近2000家三甲医院，为您提供门诊预约、陪诊、住院加急等服务。',
       },
       {
         img: require('@/assets/images/healthily/zhen/mdt.png'),
         icon: require('@/assets/images/healthily/icon-1.webp'),
         title: 'MDT多学科会诊  ',
-        desc: '整合多学科资深权威专家团队，针对肿瘤、肾衰、心衰等复杂病例进行联合诊疗，制定个性化精准治疗方案，提升治疗效果。',
+        desc: '整合多学科资深权威专家团队，针对肿瘤、肾衰、心衰等复杂病例进行联合诊疗，为患者制定个性化精准治疗方案，提升治疗效果。',
       },
       {
         img: require('@/assets/images/healthily/zhen/gnjy.png'),
@@ -88,7 +88,7 @@ export const list = [
         img: require('@/assets/images/healthily/zhen/qqjy.png'),
         icon: require('@/assets/images/healthily/icon-1.webp'),
         title: '全球救援  ',
-        desc: '为客户打造全球高端救援服务计划，全球范围内共有40+救援中心，75万+认证服务合作商，确保客户在旅行或需要帮助时得到医疗及救援服务方面的综合服务。',
+        desc: '全球范围内共有40+救援中心，75万+认证服务合作商，为您打造全球高端救援服务计划，确保您在旅行或需要帮助时得到医疗及救援服务方面的综合服务。',
       },
     ],
   },
@@ -98,7 +98,7 @@ export const list = [
       {
         img: require('@/assets/images/healthily/zhi/zd.png'),
         icon: require('@/assets/images/healthily/icon-1.webp'),
-        desc: '快速协调全国三甲医院优质床位资源，优先安排住院治疗，确保罹患疾病客户及时获得专业医疗服务，缓解就医难题。',
+        desc: '快速协调全国三甲医院优质床位资源，优先安排住院治疗，确保患者及时获得专业医疗服务，缓解就医难题。',
         title: '指定医院住院安排',
       },
       {
@@ -110,19 +110,19 @@ export const list = [
       {
         img: require('@/assets/images/healthily/zhi/ts.png'),
         icon: require('@/assets/images/healthily/icon-1.webp'),
-        desc: '联合权威专科医院及顶尖专家团队，提供缺血性脑卒中、阿尔茨海默症干预、Ⅱ型糖尿病、肺癌、乳腺癌等疑难病等特色诊疗服务，制定个性化精准治疗方案。',
+        desc: '联合权威专科医院及顶尖专家团队，提供缺血性脑卒中、阿尔茨海默症干预、Ⅱ型糖尿病、肺癌、乳腺癌等疑难病的特色诊疗服务，制定个性化精准治疗方案。\n',
         title: '特色专科诊疗',
       },
       {
         img: require('@/assets/images/healthily/zhi/hw.png'),
         icon: require('@/assets/images/healthily/icon-1.webp'),
-        desc: '提供海外远程会诊服务，并可在获得第一诊疗意见的基础上，与客户协同制定海外权威医疗机构就医方案。',
+        desc: '提供海外远程会诊服务，并可在获得第一诊疗意见的基础上，与患者协同制定海外权威医疗机构就医方案。\n',
         title: '海外医疗服务',
       },
       {
         img: require('@/assets/images/healthily/zhi/ty.png'),
         icon: require('@/assets/images/healthily/icon-1.webp'),
-        desc: '突破DRG控费限制，为客户提供原研药、特药械和医学新技术的选择。',
+        desc: '突破DRG控费限制，为患者提供原研药、特药械和医学新技术的选择。\n',
         title: '特药特械',
       },
     ],
@@ -133,19 +133,19 @@ export const list = [
       {
         img: require('@/assets/images/healthily/kang/mb.png'),
         icon: require('@/assets/images/healthily/icon-1.webp'),
-        desc: '通过建立动态健康档案、分析采集患者关键指标、评估健康风险、管理营养饮食、医患远程互动、会诊转诊等，实现慢病客户全流程数据跟踪和管理。',
+        desc: '通过建立动态健康档案、分析采集患者关键指标、评估健康风险、管理营养饮食、医患远程互动、会诊转诊等，实现慢病患者全流程数据跟踪和管理。\n',
         title: '慢病管理',
       },
       {
         img: require('@/assets/images/healthily/kang/ky.png'),
         icon: require('@/assets/images/healthily/icon-1.webp'),
-        desc: '联合专业康复机构，由专业评估师评估，进行重疾术后康复管理，术后护理、心理疏导、指导用药、生活指导、陪护人宣教等服务；使客户从社会、营养、心理、环境、运动等多个角度得到全面的健康维护和保障服务。',
+        desc: '联合专业康复机构，由专业评估师评估，进行重疾术后康复管理，术后护理、心理疏导、指导用药、生活指导、陪护人宣教等服务；使患者从社会、营养、心理、环境、运动等多个角度得到全面的健康维护和保障服务。\n',
         title: '康养护理',
       },
       {
         img: require('@/assets/images/healthily/kang/kf.png'),
         icon: require('@/assets/images/healthily/icon-1.webp'),
-        desc: '由资深康复医师团队定制运动训练、疼痛管理方案，通过远程指导+线下随访提升康复质量。',
+        desc: '由资深康复医师团队定制运动训练、疼痛管理方案，通过远程指导+线下随访提升患者的康复质量。\n',
         title: '康复咨询',
       },
     ],

src/views/pages/seniorCareLifestyle/index.vue

@@ -16,18 +16,18 @@ export default {
     PageHeader,
     SubService,
   },
-  mounted() { },
+  mounted() {},
   data() {
     return {
       headerImg: require('@/assets/images/seniorCareLifestyle/headerImg.webp'),
       title: '颐养天年',
       subTitle: '暖心相伴，颐养天年<br>让生活更享品质',
       service: {
-        title: '全生命周期的“一站式”养老解决方案',
+        title: '多元化、全方位的养老解决方案',
         subTitle: '医-住-护-食',
         content: {
           title:
-            '幸福人寿整合<span style="color:#e53d3d">医</span>、<span style="color:#e53d3d">住</span>、<span style="color:#e53d3d">护</span>、<span style="color:#e53d3d">食</span>等多场景服务，构建覆盖尊长客户全生命周期的“一站式”养老解决方案。',
+            '幸福人寿整合<span style="color:#e53d3d">医</span>、<span style="color:#e53d3d">住</span>、<span style="color:#e53d3d">护</span>、<span style="color:#e53d3d">食</span>等多场景服务，为您和家人提供多元化、全方位的养老解决方案。',
           items: [
             {
               icon: require('@/assets/images/seniorCareLifestyle/icon-1.webp'),
@@ -48,10 +48,35 @@ export default {
           ],
         },
         img: require('@/assets/images/seniorCareLifestyle/right-img.webp'),
-        tail: '基于康养理念以及“尊贵生活、尊享服务”的价值主张，为尊长客户提供定制专享的康养服务，让每位尊长客户享受有品质、有温度的晚年生活。\n',
+        tail: `
+         <p class="pt10">
+              <p>
+                <b class="black">尊贵生活，为您定制</b>
+                <br>
+                <span class="mt0 fs12">基于康养专业知识与适老化设计理念，为您打造个性化生活空间与健康管理方案，从居所环境到日常起居，全方位提升品质养老生活体验。</span>
+              </p>
+
+              <p class="mt10">
+                <b class="black">尊享服务，为您护航</b>
+                <br>
+                <span class="mt0 fs12">依托专业养老机构与智慧康养系统，为您提供实时健康监护、营养膳食定制及文化休闲服务，体验无缝衔接的专属关怀。</span>
+              </p>
+
+              <p class="mt10">
+                <b class="black">温暖陪伴，与您同行</b>
+                <br>
+                <span class="mt0 fs12">通过"银龄体验"活动和照护知识分享，我们助您与家人建立更深厚的亲情纽带，让晚年生活既安心舒适，又充满情感温度与生命活力。</span>
+              </p>
+            </p>`,
       },
       list: list,
-      footerList: ['三胞集团有限公司','北京达康怡生健康管理有限公司', '北京大雁养老服务有限公司', '江苏九洲投资集团有限公司', '老龄童（珠海横琴）康养科技有限公司'],
+      footerList: [
+        '三胞集团有限公司',
+        '北京达康怡生健康管理有限公司',
+        '北京大雁养老服务有限公司',
+        '江苏九洲投资集团有限公司',
+        '老龄童（珠海横琴）康养科技有限公司',
+      ],
     }
   },
 }
@@ -60,8 +85,7 @@ export default {
 <template>
   <div class="bg-white">
     <page-header :title="title" :subTitle="subTitle" :headerImg="headerImg"></page-header>
-    <service :title="service.title" :subTitle="service.subTitle" :tail="service.tail" :img="service.img"
-      :content="service.content">
+    <service :title="service.title" :subTitle="service.subTitle" :tail="service.tail" :img="service.img" :content="service.content">
       <template>
         <grid-icon :list="service.content.items"></grid-icon>
       </template>
@@ -96,12 +120,12 @@ export default {
 
                 <!-- 描述部分 -->
                 <div class="content-item-desc text-left mt10 mb10" v-if="item.desc">
-                  <div> {{ item.desc }}</div>
+                  <div>{{ item.desc }}</div>
                 </div>
                 <!-- 陈列icon的部分 -->
                 <div v-if="item.icons" class="content-item-icon mt20">
                   <div v-for="(icon, index) in item.icons" :key="index">
-                    <img :src="icon.img" alt="">
+                    <img :src="icon.img" alt="" />
                     <div>{{ icon.title }}</div>
                   </div>
                 </div>
@@ -140,7 +164,7 @@ $primary-color: #e53d3d;
 }
 
 .item-content {
-  &>div {
+  & > div {
     display: flex;
     flex-direction: column;
     align-items: flex-start;
@@ -171,8 +195,6 @@ $primary-color: #e53d3d;
     font-style: normal;
   }
 
-
-
   .mdesc {
     font-family: PingFangSC, PingFang SC;
     font-weight: 400;
@@ -209,12 +231,12 @@ $primary-color: #e53d3d;
   }
 
   .content-item-solution {
-    background-color: #FFFCF9;
+    background-color: #fffcf9;
     padding: 10px;
     border-radius: 8px;
-    border: 1px solid #EAD1BD;
+    border: 1px solid #ead1bd;
 
-    &>div {
+    & > div {
       display: inline;
       color: #945617;
       font-family: PingFangSC, PingFang SC;
@@ -229,7 +251,7 @@ $primary-color: #e53d3d;
         width: fit-content;
         color: #ffffff;
         padding: 3px 5px;
-        background: linear-gradient(98deg, #945617 0%, #5D1414 100%);
+        background: linear-gradient(98deg, #945617 0%, #5d1414 100%);
       }
     }
   }
@@ -256,23 +278,23 @@ $primary-color: #e53d3d;
     }
   }
 
-  .content-item-service>div {
-    background: #FFFCF9;
+  .content-item-service > div {
+    background: #fffcf9;
     border-radius: 8px;
-    border: 1px solid #EAD1BD;
+    border: 1px solid #ead1bd;
 
-    &>div:nth-of-type(1) {
+    & > div:nth-of-type(1) {
       position: relative;
       top: -10px;
       border-radius: 8px;
       width: fit-content;
       color: #ffffff;
       padding: 3px 5px;
-      background: linear-gradient(98deg, #945617 0%, #5D1414 100%);
-
+      background: linear-gradient(98deg, #945617 0%, #5d1414 100%);
     }
 
-    &>div:nth-of-type(2) {}
+    & > div:nth-of-type(2) {
+    }
   }
 
   .grid-3 {

vue.config.js

@@ -77,5 +77,11 @@ module.exports = {
         deleteOriginalAssets: false,
       })
     )
+    // 添加 hash 到输出文件名
+    config.output = {
+      ...config.output,
+      filename: 'js/[name].[hash:8].js',
+      chunkFilename: 'js/[name].[hash:8].js',
+    }
   },
 }