111

xichongSys/src/views/Intro/Intro.vue

 <template>
-  <el-carousel :interval="100000000000000000"  style="margin-top:30px" type="card"  class="carousel" height="70vh" >
+  <el-carousel :interval="100000000000000000"  style="margin-top:30px;" align=center type="card"  class="carousel" height="70vh" >
     <el-carousel-item class="carousel-item-intro"  style="width:85%; height:100%;position:absolute;left:-18%;">
       <div class="ddiv1">
-        <div class="div1" id="echartContainer1">
+        <div class="div1" height=100% :style="{width: '90%', height: '100%'}" id="echartContainer1">
         </div>
-        <div class="nextpage" style="margin-top:50px">
+        <div class="nextpage" style="margin-top:-50px">
           <p style="display:none">{{count}}</p>
           <el-button size="mini"  class="gopagediv1" @click="goPageClick1"> 上一页</el-button>
           <el-button size="mini" class="gopagediv1" @click="nextPageClick1"> 下一页</el-button>
@@ -47,7 +47,7 @@
             data: ['参保登记', '信息变更','待遇申请','参保注销','补缴保费','升档改办','关系转移']
           },
           grid: {
-            top: '30%',
+            top: '25%',
             containLabel: true
           },
           xAxis:  {
@@ -325,7 +325,7 @@
     height: 90%;
   }
   .div1{
-    width:70%;
+   
     height:65%;
     margin-top: 5%;
   }
@@ -333,11 +333,11 @@
 
   .ddiv2{
     margin: auto;
-    width: 90%;
+  
     height: 90%;
   }
   .div2{
-    width:70%;
+    
     height:65%;
     margin-top: 5%;
   }