2019-08-19update

king

2019-08-19 2a6367f5357b765deed8c2929de2da30cbcf679c

 src/views/index/index.vue

@@ -1,7 +1,10 @@
<template>
   <div class="main">
      <canvas id="canvas" style="position: absolute;z-index: 1;top: 0px;"></canvas>
      <div class="banner"><img id="homeId" src='../../img/home.jpg' alt=""></div>
      <div class="banner">
         <img id="homeId" class="pc" src='../../img/home.jpg' alt="">
         <img class="mob" src='../../img/indexBanner_m.jpg' alt="">
      </div>
      <div class="wrapper-box">
         <h3 class="content_title fadeInUp zoomIn animated"><span>主营业务</span></h3>
         <div class="m_zhu" v-for="(business, index) in mainBusiness" :key="index">
@@ -83,7 +86,7 @@
               <p>众所周知，需求变更是IT项目成败的关键，MingKeOS易变更、可配置的特性可以为企业信息化建设保驾护航</p>
            </el-carousel-item>
            <el-carousel-item>
               <h3><img src="../../img/100.png" alt=""></h3>
               <h3><img src="../../img/100.jpg" alt=""></h3>
               <h2 style="margin-top: 0.3rem;">成熟的行业方案</h2>
               <p>明科已经为超过2000家企业进行供应链项目实施，可提供众多成熟的企业应用供您选择，您无需组织人员花费大量时间去设计开发，并可依据企业个性化需求完成新功能的配置</p>
            </el-carousel-item>
@@ -96,7 +99,7 @@
         <ul class="platform_ul">
            <router-link to="/caseDetail" tag="li" v-for="(item, index) in 3" :key="item.menu_id">
               <h3 v-if="index == 0"><img src="../../img/yuan1.png" alt=""></h3>
               <h3 v-if="index == 1"><img src="../../img/100.png" alt=""></h3>
               <h3 v-if="index == 1"><img src="../../img/100.jpg" alt=""></h3>
               <h3 v-if="index == 2"><img src="../../img/yuan2.png" alt=""></h3>
               <h2 v-if="index == 0">自主的可配置平台</h2>
               <h2 v-if="index == 1">成熟的行业方案</h2>
@@ -553,12 +556,9 @@
      }

      .banner {
         background: url(../../img/indexBanner_m.jpg) no-repeat center;
         min-height: 11.44rem;
         background-size: cover;
         margin-top: 1.13rem;
         margin-top: 1.12rem;

         img {
         .pc {
            display: none;
         }
      }
@@ -629,8 +629,6 @@
      }

      .case {
         background: url(../../img/caseBag_m.png) no-repeat;
         background-size: 100% 130%;

         img {
            display: none;
@@ -721,6 +719,9 @@
   }

   @media all and (min-width: 751px) {
      .banner .mob {
         display: none;
      }
      .mob_case {
         display: none;
      }