2019-08-27update

king

2019-08-27 7ab906c6c29886ac88cddc0b8dbfcbf4fc1364ad

 src/views/index/index.vue

@@ -28,13 +28,21 @@
                  <p v-text="item.bTitle1"></p>
               </div>
            </div>
            <a class="see-detail" href="/caseDetail" style="color: #14A9E5;">了解详情 >></a>
            <a class="see-detail" href="javascript:;" @click="jumpmenu(business)" style="color: #14A9E5;">了解详情 >></a>
         </div>

         <div class="wrapper">
            <ul class="business_ul">
               <router-link tag="li" to="/caseDetail" v-for="(business, index) in mainBusiness" :key="index" class="fadeInUp" v-drag>
                  <router-link tag="div" class="business_box pulse" :key="index" to="/caseDetail">
               <li v-for="(business, index) in mainBusiness" :key="index">
                  <div class="business">
                     <h3>
                        <img :src="business.Image1" alt="">
                     </h3>
                     <h2><a style="text-decoration: none;" v-text="business.Title1"></a></h2>
                     <p v-text="business.CDefine1"></p>
                     <p v-text="business.CDefine2"></p>
                  </div>
                  <div class="business_box pulse" :key="index">
                     <div class="business_box_t" :style="'background-image: url(' + business.Image1 + ')'">
                        <div class="bgopacity"></div>
                        <h2 v-text="business.Title2"></h2>
@@ -56,22 +64,11 @@
                           </div>
                        </li>
                     </ul>
                     <div class="loadMoreBtn">
                        <el-button>查看更多</el-button>
                     </div>
                     <div class="particulars">
                        <a href="/caseDetail">了解详情 &gt;&gt;</a>
                        <a href="javascript:;" style="cursor:pointer;" @click="jumpmenu(business)">了解详情 &gt;&gt;</a>
                     </div>
                  </router-link>
                  <div class="business">
                     <h3>
                        <img :src="business.Image1" alt="">
                     </h3>
                     <h2><a style="text-decoration: none;" v-text="business.Title1"></a></h2>
                     <p v-text="business.CDefine1"></p>
                     <p v-text="business.CDefine2"></p>
                  </div>
               </router-link>
               </li>
            </ul>
         </div>
      </div>
@@ -137,8 +134,8 @@
                     <div class="top" :style="'background-image: url(' + _case.Image1 + ')'"></div>
                     <div class="bottom">
                        <div style="font-size: 0.35rem;margin-bottom: 0.4rem;" v-text="_case.Title1"></div>
                        <img :src="_case.Image2" @click="jump('successCaseIndex')"  alt="" style="max-width: 2.5rem;max-height: 0.8rem;">
                        <div style="position: absolute; right: 0.5rem;bottom: 0rem;" @click="jump('successCase')">
                        <img :src="_case.Image2" alt="" style="max-width: 2.5rem;max-height: 0.8rem;">
                        <div style="position: absolute; right: 0.5rem;bottom: 0rem;" @click="jumpmenu(_case)">
                           <img src="../../img/zhong5.png" alt="" style="width: 2rem;">
                           <img src="../../img/zhong6.png" alt="" style="width: 0.35rem;position: absolute;top: 0.08rem;right: 0.15rem;">
                           <span style="position: absolute;top: 0.11rem;left: 0.4rem;font-size: 0.24rem;">了解更多</span>
@@ -155,8 +152,8 @@
                     <div class="left" :style="'background-image: url(' + _case.Image1 + ')'"></div>
                     <div class="right">
                        <div style="font-size: 0.35rem;margin-bottom: 0.4rem;" v-text="_case.Title1"></div>
                        <img :src="_case.Image2" @click="jump('successCaseIndex')"  alt="" style="margin-right: 0.45rem;cursor: pointer;">
                        <div style="position: relative;margin-top: 0.4rem;cursor: pointer;" @click="jump('successCase')">
                        <img :src="_case.Image2"  alt="" style="margin-right: 0.45rem;">
                        <div style="position: relative;margin-top: 0.4rem;cursor: pointer;" @click="jumpmenu(_case)">
                           <img src="../../img/zhong5.png" alt="">
                           <img src="../../img/zhong6.png" alt="" style="position: absolute;top: 0.11rem;left: 1.4rem;">
                           <span style="position: absolute;top: 0.12rem;left: 0.45rem;font-size: 0.18rem;">了解更多</span>
@@ -173,7 +170,7 @@
         <div class="m_hide" style="height: 0.5rem;"></div>
         <div class="wrapper">
            <ul class="dynamic_ul">
               <router-link to="/dynamicDetail" tag="li" v-for="item in news" :key="item.ID">
               <li v-for="item in news" :key="item.ID" @click="jumpmenu(item)">
                  <div style="cursor: pointer;">
                     <h3 class="h33">
                        <img :src="item.Image1" alt="">
@@ -187,7 +184,7 @@
                        <p v-text="item.Remark"></p>
                     </div>
                  </div>
               </router-link>
               </li>
            </ul>
         </div>
      </div>
@@ -209,8 +206,10 @@
      }
   },
   methods:{
      jump (u) {
         this.$router.push(u)
      jumpmenu (menu) {
         if (!menu.PageType || !menu.ID) return
         let menuId = menu.LinkID || menu.ID
         this.$router.push({name: menu.PageType.toLowerCase(), params: {menuId: menuId}})
      },
      load () {
         this.Service.getBaseData('Web_Index_GetData').then(res => {
@@ -590,10 +589,6 @@
         }
      }

      .business_ul li {
         margin-top: 0.3rem;
      }

      .business_box_b {
         width: 100%;
         overflow: hidden;
@@ -792,13 +787,13 @@
         transition: all 0.7s;

         .pulse {
            width: 85%;
            position: relative;
            width: 86%;
            margin: 0 auto;
            opacity: 0;
            z-index: 0;
         }
         .business {
            position: absolute;
            opacity: 1;
            top: .1rem;
            left: .3rem;
            width: 85%;
@@ -836,12 +831,14 @@
      .business_ul > li:hover {
         transform: scale(1.1);
         z-index: 1000;
         .business {
            z-index: -1;
            opacity: 0;
         }
         // .business {
         //    z-index: 0;
         //    opacity: 0;
         //    display: none;
         // }
         .pulse {
            opacity: 1;
            display: block;
            z-index: 1010;
         }
      }
      .business_box {