From 2a6367f5357b765deed8c2929de2da30cbcf679c Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期一, 19 八月 2019 19:18:49 +0800 Subject: [PATCH] 2019-08-19update --- src/views/index/index.vue | 21 +++++++++++---------- 1 files changed, 11 insertions(+), 10 deletions(-) diff --git a/src/views/index/index.vue b/src/views/index/index.vue index 9eaada5..541b630 100644 --- a/src/views/index/index.vue +++ b/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; } -- Gitblit v1.8.0