no message

src/components/newTravelmanager/TravelGroupControl/UpgradedVersion/components/header.vue

 <template>
   <div class="UpgradedVersion-header absolute row-sb z-index1">
     <div class="UpgradedVersion-header-left relative row-aic"
-    :style="{'background':backgroundImg}">
-      <img class="header-leftBj absolute z-index2" src="http://192.168.10.214:8130/Upload/NewTripFeature/logoBj.png"/>
+    :style="{'background':TripColor}">
+      <img class="header-leftBj absolute z-index2" :src="backgroundImgBj1"/>
       <img class="header-leftImg" src="http://192.168.10.214:8130/Upload/NewTripFeature/headerLogoTwo.png"/>
     </div>
     <div class="UpgradedVersion-header-right">
@@ -27,7 +27,9 @@
       return {
         first: '欧洲线',
         canEdit: true,
-        backgroundImg: ''
+        backgroundImg: '',
+        backgroundImgBj1: 'http://192.168.10.214:8130/Upload/NewTripFeature/logoBjOne.png',
+        backgroundImgBj2: 'http://192.168.10.214:8130/Upload/NewTripFeature/logoBjTwo.png'
       };
     },
     methods: {
@@ -37,8 +39,7 @@
     watch: {
       TripColor: {
         handler(val, oldVal) {
-          this.backgroundImg = `url('http://192.168.10.214:8130/Upload/NewTripFeature/logoBj.png') no-repeat right ${val}`
-          console.log(this.backgroundImg,'=======')
+          // this.backgroundImg = `url('http://192.168.10.214:8130/Upload/NewTripFeature/logoBj.png') no-repeat right ${val}`
         },
         deep: false,
         immediate: true
@@ -70,7 +71,7 @@
   margin-left: 19px;
 }
 .header-leftBj{
-  left: 307px;
+  left: 314px;
   top: 0;
   width: 27px;
   height: 100%;

src/components/newTravelmanager/TravelGroupControl/UpgradedVersion/components/headerTitle.vue

@@ -7,7 +7,7 @@
       <vEditDiv :canEdit='canEdit1' v-model="first1"></vEditDiv>
     </div>
     <div class="UpgradedVersion-headerTitle-three absolute z-index1"
-    :style="{'background':TripColor}">&nbsp;</div>
+    :style="{'background':backgroundColor}">&nbsp;</div>
     <!-- <img class="UpgradedVersion-headerTitle-three absolute z-index1"
     src="http://192.168.10.214:8130/Upload/NewTripFeature/textBj.png" /> -->
   </div>
@@ -29,6 +29,7 @@
         first1: '温泉.美食.叡山铁道秋枫漫游之旅',
         canEdit: true,
         canEdit1: true,
+        backgroundColor: null
       };
     },
     methods: {
@@ -36,12 +37,13 @@
     },
     computed: {},
     watch: {
-      // FeatureData: {
-      //   handler(val, oldVal) {
-
-      //   },
-      //   deep: true
-      // },
+      TripColor: {
+        handler(val, oldVal) {
+          this.backgroundColor = this.hexToRgb(val,0.6)
+        },
+        deep: false,
+        immediate: true
+      },
     },
     mounted() {
 

src/components/newTravelmanager/TravelGroupControl/UpgradedVersion/index.vue

 <template>
   <div id="newFeatureBox3">
-    <!--  UpgradedVersion-introduceBj 介绍、宿 UpgradedVersion-otherBj 详情、食、景 -->
+    <!--  UpgradedVersion-homebj 首页、介绍、食、宿、景 UpgradedVersion-otherBj 餐介绍 -->
     <div class="UpgradedVersion-box UpgradedVersion-homebj relative"
-    :class="{'UpgradedVersion-introduceBj':index==1,'UpgradedVersion-otherBj':index>1}"
+    :class="{'UpgradedVersion-otherBj':index==2}"
     v-for="(item,index) in 4">
       <!-- logo -->
       <Header :TripColor="TripColor"></Header>