'八大优势'

pages/about/brand.vue

@@ -44,7 +44,7 @@
           <img
             v-if="currentEventImgId === item.id"
             @mouseleave="currentEventImgId = ''"
-            class="eventImgurl"
+            :class="['color' + item.id, 'eventImgurl']"
             :src="item.eventImgurl"
             :style="{width: item.eventImgurlWidth + 'px', height:item.eventImgurlHeight + 'px'}"
             alt=""
@@ -234,8 +234,8 @@ const eventData = Object.freeze([
     // eventImgurl: "http://res.training.luojigou.vip/FrFfg21nonbZyNSUSpAWCiREn7lk?imageView2/0/q/50|imageslim",
     yearImgurl: require('~/assets/images/about/year_2003.png'),
     yearImgurlSet: [require('~/assets/images/about/year_2003.png'), require('~/assets/images/about/year_2003@2x.png')],
-    eventImgurl: "http://res.training.luojigou.vip/FrFfg21nonbZyNSUSpAWCiREn7lk?imageView2/0/q/50|imageslim",
-    eventImgurlWidth: '270',
+    eventImgurl: require('~/assets/images/about/event_year_2003@2x.png'),
+    eventImgurlWidth: '269',
     eventImgurlHeight: '350'
   },
   {
@@ -246,12 +246,13 @@ const eventData = Object.freeze([
     },
     // yearImgurl:
     //   "http://res.training.luojigou.vip/Fhe4VjIQDeQtQzPnSVmsDc4yYYzE?imageView2/0/q/50|imageslim",
-    eventImgurl:
-      "http://res.training.luojigou.vip/FvnL2N118R-0Cp9OcKgK9Ru8nAyp?imageView2/0/q/50|imageslim",
+    // eventImgurl:
+    //   "http://res.training.luojigou.vip/FvnL2N118R-0Cp9OcKgK9Ru8nAyp?imageView2/0/q/50|imageslim",
     yearImgurl: require('~/assets/images/about/year_2004.png'),
     yearImgurlSet: [require('~/assets/images/about/year_2004.png'), require('~/assets/images/about/year_2004@2x.png')],
-    eventImgurlWidth: '270',
-    eventImgurlHeight: '240'
+    eventImgurl: require('~/assets/images/about/event_year_2004@2x.png'),
+    eventImgurlWidth: '269',
+    eventImgurlHeight: '246'
   },
   {
     id: 2005,
@@ -261,12 +262,13 @@ const eventData = Object.freeze([
     },
     // yearImgurl:
     //   "http://res.training.luojigou.vip/FodjYYc3-VyZyJHnfuKJQGapkJzt?imageView2/0/q/50|imageslim",
-    eventImgurl:
-      "http://res.training.luojigou.vip/FqNcz_3P81MubVeHzAnn_RrkMoCQ?imageView2/0/q/50|imageslim",
+    // eventImgurl:
+    //   "http://res.training.luojigou.vip/FqNcz_3P81MubVeHzAnn_RrkMoCQ?imageView2/0/q/50|imageslim",
+    eventImgurl: require('~/assets/images/about/event_year_2005@2x.png'),
     yearImgurl: require('~/assets/images/about/year_2005.png'),
     yearImgurlSet: [require('~/assets/images/about/year_2005.png'), require('~/assets/images/about/year_2005@2x.png')],
-    eventImgurlWidth: '270',
-    eventImgurlHeight: '212'
+    eventImgurlWidth: '269',
+    eventImgurlHeight: '245'
   },
   {
     id: 2006,
@@ -276,12 +278,13 @@ const eventData = Object.freeze([
     },
     // yearImgurl:
     //   "http://res.training.luojigou.vip/Fj_2tRMk_1H9NSp9rE0XK0nEcv6g?imageView2/0/q/50|imageslim",
-    eventImgurl:
-      "http://res.training.luojigou.vip/FkvModMYKxFJcnqRrpGSULyd9Th7?imageView2/0/q/50|imageslim",
+    // eventImgurl:
+    //   "http://res.training.luojigou.vip/FkvModMYKxFJcnqRrpGSULyd9Th7?imageView2/0/q/50|imageslim",
     yearImgurl: require('~/assets/images/about/year_2006.png'),
     yearImgurlSet: [require('~/assets/images/about/year_2006.png'), require('~/assets/images/about/year_2006@2x.png')],
-    eventImgurlWidth: '270',
-    eventImgurlHeight: '264'
+    eventImgurl: require('~/assets/images/about/event_year_2006@2x.png'),
+    eventImgurlWidth: '269',
+    eventImgurlHeight: '273'
   },
   {
     id: 2007,
@@ -291,12 +294,13 @@ const eventData = Object.freeze([
     },
     // yearImgurl:
     //   "http://res.training.luojigou.vip/Fm4DqB0VKXcLXaa4P2suM1i-2LMZ?imageView2/0/q/50|imageslim",
-    eventImgurl:
-      "http://res.training.luojigou.vip/Fkp-2UvHIyIqEW9pu5tZKNpvcCov?imageView2/0/q/50|imageslim",
+    // eventImgurl:
+    //   "http://res.training.luojigou.vip/Fkp-2UvHIyIqEW9pu5tZKNpvcCov?imageView2/0/q/50|imageslim",
     yearImgurl: require('~/assets/images/about/year_2007.png'),
     yearImgurlSet: [require('~/assets/images/about/year_2007.png'), require('~/assets/images/about/year_2007@2x.png')],
-    eventImgurlWidth: '270',
-    eventImgurlHeight: '392'
+    eventImgurl: require('~/assets/images/about/event_year_2007@2x.png'),
+    eventImgurlWidth: '269',
+    eventImgurlHeight: '403'
   },
   {
     id: 2008,
@@ -306,12 +310,13 @@ const eventData = Object.freeze([
     },
     // yearImgurl:
     //   "http://res.training.luojigou.vip/FlEj53_PWeL59J8V6qqduokmrEif?imageView2/0/q/50|imageslim",
-    eventImgurl:
-      "http://res.training.luojigou.vip/FpIzAvfIOeIhBEtzVEZYp74y7Wh3?imageView2/0/q/50|imageslim",
+    // eventImgurl:
+    //   "http://res.training.luojigou.vip/FpIzAvfIOeIhBEtzVEZYp74y7Wh3?imageView2/0/q/50|imageslim",
     yearImgurl: require('~/assets/images/about/year_2008.png'),
     yearImgurlSet: [require('~/assets/images/about/year_2008.png'), require('~/assets/images/about/year_2008@2x.png')],
-    eventImgurlWidth: '270',
-    eventImgurlHeight: '238'
+    eventImgurl: require('~/assets/images/about/event_year_2008@2x.png'),
+    eventImgurlWidth: '269',
+    eventImgurlHeight: '245'
   },
   {
     id: 2009,
@@ -321,12 +326,13 @@ const eventData = Object.freeze([
     },
     // yearImgurl:
     //   "http://res.training.luojigou.vip/FtRU3rBk7D0SBEmbTujXX1o3THTU?imageView2/0/q/50|imageslim",
-    eventImgurl:
-      "http://res.training.luojigou.vip/Fnmlx106pwroL9I6UNo81BTpxGyO?imageView2/0/q/50|imageslim",
+    // eventImgurl:
+    //   "http://res.training.luojigou.vip/Fnmlx106pwroL9I6UNo81BTpxGyO?imageView2/0/q/50|imageslim",
     yearImgurl: require('~/assets/images/about/year_2009.png'),
     yearImgurlSet: [require('~/assets/images/about/year_2009.png'), require('~/assets/images/about/year_2009@2x.png')],
-    eventImgurlWidth: '270',
-    eventImgurlHeight: '212'
+    eventImgurl: require('~/assets/images/about/event_year_2009@2x.png'),
+    eventImgurlWidth: '269',
+    eventImgurlHeight: '220'
   },
   {
     id: 2010,
@@ -336,12 +342,13 @@ const eventData = Object.freeze([
     },
     // yearImgurl:
     //   "http://res.training.luojigou.vip/Fmx2IObHIKURUiGbrvX4cpZ-u5MB?imageView2/0/q/50|imageslim",
-    eventImgurl:
-      "http://res.training.luojigou.vip/Fg2GfiNmRknqRjTbzvCq09ewERIH?imageView2/0/q/50|imageslim",
+    // eventImgurl:
+    //   "http://res.training.luojigou.vip/Fg2GfiNmRknqRjTbzvCq09ewERIH?imageView2/0/q/50|imageslim",
     yearImgurl: require('~/assets/images/about/year_2010.png'),
     yearImgurlSet: [require('~/assets/images/about/year_2010.png'), require('~/assets/images/about/year_2010@2x.png')],
-    eventImgurlWidth: '270',
-    eventImgurlHeight: '392'
+    eventImgurl: require('~/assets/images/about/event_year_2010@2x.png'),
+    eventImgurlWidth: '269',
+    eventImgurlHeight: '403'
   },
   {
     id: 2011,
@@ -351,12 +358,13 @@ const eventData = Object.freeze([
     },
     // yearImgurl:
     //   "http://res.training.luojigou.vip/FutAwrnX_ypeS4bUqol5xKVVqrXU?imageView2/0/q/50|imageslim",
-    eventImgurl:
-      "http://res.training.luojigou.vip/FuPF8r4-f8-_SY_v0Tky2AnFPYeH?imageView2/0/q/50|imageslim",
+    // eventImgurl:
+    //   "http://res.training.luojigou.vip/FuPF8r4-f8-_SY_v0Tky2AnFPYeH?imageView2/0/q/50|imageslim",
     yearImgurl: require('~/assets/images/about/year_2011.png'),
     yearImgurlSet: [require('~/assets/images/about/year_2011.png'), require('~/assets/images/about/year_2011@2x.png')],
-    eventImgurlWidth: '270',
-    eventImgurlHeight: '420'
+    eventImgurl: require('~/assets/images/about/event_year_2011@2x.png'),
+    eventImgurlWidth: '269',
+    eventImgurlHeight: '480'
   },
   {
     id: 2012,
@@ -366,12 +374,13 @@ const eventData = Object.freeze([
     },
     // yearImgurl:
     //   "http://res.training.luojigou.vip/Fg3Jph3aJcX-hQtbvOs5UJZCzmj7?imageView2/0/q/50|imageslim",
-    eventImgurl:
-      "http://res.training.luojigou.vip/Fp5DT3Tg3CBl2rvjT9sIsCBcUSWu?imageView2/0/q/50|imageslim",
+    // eventImgurl:
+    //   "http://res.training.luojigou.vip/Fp5DT3Tg3CBl2rvjT9sIsCBcUSWu?imageView2/0/q/50|imageslim",
     yearImgurl: require('~/assets/images/about/year_2012.png'),
     yearImgurlSet: [require('~/assets/images/about/year_2012.png'), require('~/assets/images/about/year_2012@2x.png')],
-    eventImgurlWidth: '270',
-    eventImgurlHeight: '314'
+    eventImgurl: require('~/assets/images/about/event_year_2012@2x.png'),
+    eventImgurlWidth: '269',
+    eventImgurlHeight: '325'
   },
   {
     id: 2013,
@@ -381,11 +390,12 @@ const eventData = Object.freeze([
     },
     // yearImgurl:
     //   "http://res.training.luojigou.vip/FjWOsyUqGM6eIaPW3_lCzDzw3h1M?imageView2/0/q/50|imageslim",
-    eventImgurl:
-      "http://res.training.luojigou.vip/FirCgjTps0bLqGV5-TOpuX6q8SMl?imageView2/0/q/50|imageslim",
+    // eventImgurl:
+    //   "http://res.training.luojigou.vip/FirCgjTps0bLqGV5-TOpuX6q8SMl?imageView2/0/q/50|imageslim",
     yearImgurl: require('~/assets/images/about/year_2013.png'),
     yearImgurlSet: [require('~/assets/images/about/year_2013.png'), require('~/assets/images/about/year_2013@2x.png')],
-    eventImgurlWidth: '270',
+    eventImgurl: require('~/assets/images/about/event_year_2013@2x.png'),
+    eventImgurlWidth: '269',
     eventImgurlHeight: '394'
   },
   {
@@ -396,12 +406,13 @@ const eventData = Object.freeze([
     },
     // yearImgurl:
     //   "http://res.training.luojigou.vip/FqI9b5_4iP6WmoVE_z7o9RLm7RZe?imageView2/0/q/50|imageslim",
-    eventImgurl:
-      "http://res.training.luojigou.vip/FlyzOxQWuiW2nYmACRUPsiCLyuw7?imageView2/0/q/50|imageslim",
+    // eventImgurl:
+    //   "http://res.training.luojigou.vip/FlyzOxQWuiW2nYmACRUPsiCLyuw7?imageView2/0/q/50|imageslim",
     yearImgurl: require('~/assets/images/about/year_2014.png'),
     yearImgurlSet: [require('~/assets/images/about/year_2014.png'), require('~/assets/images/about/year_2014@2x.png')],
-    eventImgurlWidth: '270',
-    eventImgurlHeight: '654'
+    eventImgurl: require('~/assets/images/about/event_year_2014@2x.png'),
+    eventImgurlWidth: '269',
+    eventImgurlHeight: '688'
   },
   {
     id: 2015,
@@ -411,12 +422,13 @@ const eventData = Object.freeze([
     },
     // yearImgurl:
     //   "http://res.training.luojigou.vip/FoeSNwPl-fQXqwwow99j9Rsd9tjB?imageView2/0/q/50|imageslim",
-    eventImgurl:
-      "http://res.training.luojigou.vip/FmBATtftJW08bU-5KGBFuKsAQSN1?imageView2/0/q/50|imageslim",
+    // eventImgurl:
+    //   "http://res.training.luojigou.vip/FmBATtftJW08bU-5KGBFuKsAQSN1?imageView2/0/q/50|imageslim",
     yearImgurl: require('~/assets/images/about/year_2015.png'),
     yearImgurlSet: [require('~/assets/images/about/year_2015.png'), require('~/assets/images/about/year_2015@2x.png')],
-    eventImgurlWidth: '270',
-    eventImgurlHeight: '316'
+    eventImgurl: require('~/assets/images/about/event_year_2015@2x.png'),
+    eventImgurlWidth: '269',
+    eventImgurlHeight: '324'
   },
   {
     id: 2016,
@@ -426,12 +438,13 @@ const eventData = Object.freeze([
     },
     // yearImgurl:
     //   "http://res.training.luojigou.vip/Fl2SA1cd8DqIzQGIQqh5qrNUMmR6?imageView2/0/q/50|imageslim",
-    eventImgurl:
-      "http://res.training.luojigou.vip/FoaOya6X8s6j3Bzc2oBNDvX-JHW2?imageView2/0/q/50|imageslim",
+    // eventImgurl:
+    //   "http://res.training.luojigou.vip/FoaOya6X8s6j3Bzc2oBNDvX-JHW2?imageView2/0/q/50|imageslim",
     yearImgurl: require('~/assets/images/about/year_2016.png'),
     yearImgurlSet: [require('~/assets/images/about/year_2016.png'), require('~/assets/images/about/year_2016@2x.png')],
+    eventImgurl: require('~/assets/images/about/event_year_2016@2x.png'),
     eventImgurlWidth: '269',
-    eventImgurlHeight: '576'
+    eventImgurlHeight: '584'
   },
   {
     id: 2017,
@@ -441,12 +454,13 @@ const eventData = Object.freeze([
     },
     // yearImgurl:
     //   "http://res.training.luojigou.vip/Fi_RKVrGct2V235xsKpwsIA51YX-?imageView2/0/q/50|imageslim",
-    eventImgurl:
-      "http://res.training.luojigou.vip/FsALqlvULFPhf-kxcPw1YtRiZjIG?imageView2/0/q/50|imageslim",
+    // eventImgurl:
+    //   "http://res.training.luojigou.vip/FsALqlvULFPhf-kxcPw1YtRiZjIG?imageView2/0/q/50|imageslim",
     yearImgurl: require('~/assets/images/about/year_2017.png'),
     yearImgurlSet: [require('~/assets/images/about/year_2017.png'), require('~/assets/images/about/year_2017@2x.png')],
-    eventImgurlWidth: '270',
-    eventImgurlHeight: '524'
+    eventImgurl: require('~/assets/images/about/event_year_2017@2x.png'),
+    eventImgurlWidth: '269',
+    eventImgurlHeight: '532'
   },
   {
     id: 2018,
@@ -456,12 +470,13 @@ const eventData = Object.freeze([
     },
     // yearImgurl:
     //   "http://res.training.luojigou.vip/FvN4BWxIckbJmo_qrN7mlILrtQKg?imageView2/0/q/50|imageslim",
-    eventImgurl:
-      "http://res.training.luojigou.vip/FvQZtrIRkaNzGJ8KbF1-Cl-k5hfJ?imageView2/0/q/50|imageslim",
+    // eventImgurl:
+    //   "http://res.training.luojigou.vip/FvQZtrIRkaNzGJ8KbF1-Cl-k5hfJ?imageView2/0/q/50|imageslim",
     yearImgurl: require('~/assets/images/about/year_2018.png'),
     yearImgurlSet: [require('~/assets/images/about/year_2018.png'), require('~/assets/images/about/year_2018@2x.png')],
-    eventImgurlWidth: '270',
-    eventImgurlHeight: '550'
+    eventImgurl: require('~/assets/images/about/event_year_2018@2x.png'),
+    eventImgurlWidth: '269',
+    eventImgurlHeight: '662'
   },
   {
     id: 2019,
@@ -471,12 +486,13 @@ const eventData = Object.freeze([
     },
     // yearImgurl:
     //   "http://res.training.luojigou.vip/Fgr3xXoLsgpIP2wBglovLx0e89Mb?imageView2/0/q/50|imageslim",
-    eventImgurl:
-      "http://res.training.luojigou.vip/Flio74FIlTt_aYhyW-3scKmhSrHc?imageView2/0/q/50|imageslim",
+    // eventImgurl:
+    //   "http://res.training.luojigou.vip/Flio74FIlTt_aYhyW-3scKmhSrHc?imageView2/0/q/50|imageslim",
     yearImgurl: require('~/assets/images/about/year_2019.png'),
     yearImgurlSet: [require('~/assets/images/about/year_2019.png'), require('~/assets/images/about/year_2019@2x.png')],
-    eventImgurlWidth: '270',
-    eventImgurlHeight: '706'
+    eventImgurl: require('~/assets/images/about/event_year_2019@2x.png'),
+    eventImgurlWidth: '269',
+    eventImgurlHeight: '766'
   },
   {
     id: 2020,

pages/cooperate/index.vue

@@ -108,13 +108,14 @@
           :style="{'margin-top': item.id % 2 === 0 ? '49px' : ''}"
           v-for="item in exprienceImg"
           :key="item.id"
+          @mouseenter="currentEventInfo(item)"
         >
           <img :src="item.imgUrl" alt="">
           <section>{{item.label}}</section>
-          <!-- <div class="exprience-info" v-if="condition">
+          <div class="exprience-info" v-if="item.id == exprienceCurrenId">
             <div class="num" :class="[item.id % 2 === 0 ? 'red' : 'blue']">{{ item.num }}</div>
             <div class="item-text" v-for="(ele, index) in item.infoList" :key="index">{{ele}}</div>
-          </div> -->
+          </div>
         </div>
       </div>
     </div>
@@ -359,14 +360,10 @@ const joinData = Object.freeze([
   },
   {
     id: 4,
-    label: "门店选址评估",
-  },
-  {
-    id: 5,
     label: "门店正式营业",
   },
   {
-    id: 6,
+    id: 5,
     label: "总部运营支持",
   },
 ]);
@@ -383,6 +380,7 @@ export default {
   data() {
     return {
       currentId: 0,
+      exprienceCurrenId: 0,
       form: {},
       bottomform: {},
       advantageImg,
@@ -462,6 +460,9 @@ export default {
     campusEnter(item) {
       this.currentId = item.id;
     },
+    currentEventInfo(item) {
+      this.exprienceCurrenId = item.id;
+    }
   },
 };
 </script>
@@ -796,9 +797,10 @@ export default {
           letter-spacing: 0.5px;
         }
         .exprience-info {
+          z-index: 66;
           position: absolute;
-          top: 15px;
-          left: 5px;
+          top: 38px;
+          left: 35px;
           padding: 10px 0 0 20px;
           width: 225px;
           height: 155px;

pages/index.vue

@@ -706,16 +706,16 @@ export default {
         {
           bannerId: "1",
           href: "http://zaojiao.net",
-          // bannerSrc: "http://img.visney.cn/img/banner_img/201810091635055072893adb062fc430a8a08728a954f6952.jpg",
-          bannerSrc: require('~/assets/images/index/img1.jpg'),
+          bannerSrc: "https://app-resources-luojigou.luojigou.vip/img1.acbb14a.jpg?imageView2/0/q/40|imageslim",
+          // bannerSrc: require('~/assets/images/index/img1.jpg'),
           bannerAlt: "中德智慧",
         },
         {
           bannerId: "2",
           href: "http://zaojiao.net",
-          bannerSrc: require('~/assets/images/index/img1.jpg'),
-          // bannerSrc:
-          //   "http://img.visney.cn/img/banner_img/20181009155424179449e9d3aa5fa47548ab021e418af1189.jpg",
+          // bannerSrc: require('~/assets/images/index/img1.jpg'),
+          bannerSrc:
+            "https://app-resources-luojigou.luojigou.vip/img1.acbb14a.jpg?imageView2/0/q/40|imageslim",
           bannerAlt: "中德智慧",
         },
       ],