首页卡片调整

src/views/caseFiling/archiveList.vue

           ></el-option>
         </el-select>
       </el-form-item> -->
-      <el-form-item label="开庭日期" prop="hearDate">
+      <!-- <el-form-item label="开庭日期" prop="hearDate">
         <el-date-picker
           v-model="queryParams.hearDate"
           type="daterange"
           end-placeholder="结束日期"
         >
         </el-date-picker>
-      </el-form-item>
+      </el-form-item> -->
       <el-form-item>
         <el-button
           type="primary"

src/views/index.vue

     <div class="homeMain">
         <div class="cardList" v-hasPermi="['home:caseApplyCheck']">
           <!-- <div class="badge">32</div> -->
-          <div class="cardMain" style="margin-top: 50px;">
+          <div class="cardMain" >
             <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
           </div>
           <div class="cardMain">
         </div>
         <div class="cardList" v-hasPermi="['home:caseApplyPay']">
           <!-- <div class="badge">32</div> -->
-          <div class="cardMain" style="margin-top: 50px;">
+          <div class="cardMain" >
             <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
           </div>
           <div class="cardMain">
         </div>
         <div class="cardList" v-hasPermi="['home:caseApplyPayCheck']">
           <!-- <div class="badge">32</div> -->
-          <div class="cardMain" style="margin-top: 50px;">
+          <div class="cardMain" >
             <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
           </div>
           <div class="cardMain">
         </div>
         <div class="cardList" v-hasPermi="['home:caseApplyEvidence']">
           <!-- <div class="badge">32</div> -->
-          <div class="cardMain" style="margin-top: 50px;">
+          <div class="cardMain" >
             <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
           </div>
           <div class="cardMain">
         </div>
         <div class="cardList" v-hasPermi="['home:caseApplyGroupCheck']">
           <!-- <div class="badge">32</div> -->
-          <div class="cardMain" style="margin-top: 50px;">
+          <div class="cardMain" >
             <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
           </div>
           <div class="cardMain">
         </div>
         <div class="cardList" v-hasPermi="['home:caseApplyGroupConfirm']">
           <!-- <div class="badge">32</div> -->
-          <div class="cardMain" style="margin-top: 50px;">
+          <div class="cardMain" >
             <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
           </div>
           <div class="cardMain">
         </div>
         <div class="cardList" v-hasPermi="['home:caseApplyGroupNotice']">
           <!-- <div class="badge">32</div> -->
-          <div class="cardMain" style="margin-top: 50px;">
+          <div class="cardMain" >
             <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
           </div>
           <div class="cardMain">
         </div>
         <div class="cardList" v-hasPermi="['home:caseApplyArbitrateWay']">
           <!-- <div class="badge">32</div> -->
-          <div class="cardMain" style="margin-top: 50px;">
+          <div class="cardMain" >
             <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
           </div>
           <div class="cardMain">
         </div>
         <div class="cardList" v-hasPermi="['home:caseApplyGroupOnline']">
           <!-- <div class="badge">32</div> -->
-          <div class="cardMain" style="margin-top: 50px;">
+          <div class="cardMain" >
             <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
           </div>
           <div class="cardMain">
         </div>
         <div class="cardList" v-hasPermi="['home:caseApplyGroupOffline']">
           <!-- <div class="badge">32</div> -->
-          <div class="cardMain" style="margin-top: 50px;">
+          <div class="cardMain" >
             <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
           </div>
           <div class="cardMain">
         </div>
         <div class="cardList" v-hasPermi="['home:caseApplyAwardCheck']">
           <!-- <div class="badge">32</div> -->
-          <div class="cardMain" style="margin-top: 50px;">
+          <div class="cardMain" >
             <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
           </div>
           <div class="cardMain">
         </div>
         <div class="cardList" v-hasPermi="['home:caseApplyAwardConfirm']">
           <!-- <div class="badge">32</div> -->
-          <div class="cardMain" style="margin-top: 50px;">
+          <div class="cardMain" >
             <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
           </div>
           <div class="cardMain">
         </div>
         <div class="cardList" v-hasPermi="['home:caseApplyAwardSignature']">
           <!-- <div class="badge">32</div> -->
-          <div class="cardMain" style="margin-top: 50px;">
+          <div class="cardMain" >
             <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
           </div>
           <div class="cardMain">
         </div>
         <div class="cardList" v-hasPermi="['home:caseApplyAwardSend']">
           <!-- <div class="badge">32</div> -->
-          <div class="cardMain" style="margin-top: 50px;">
+          <div class="cardMain" >
             <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
           </div>
           <div class="cardMain">
         </div>
         <div class="cardList" v-hasPermi="['home:caseApplyStored']">
           <!-- <div class="badge">32</div> -->
-          <div class="cardMain" style="margin-top: 50px;">
+          <div class="cardMain" >
             <img class="iconImg" src="@/assets/images/daishencha.png" alt="">
           </div>
           <div class="cardMain">
     flex-wrap: wrap;
     // justify-content: space-between;
     .cardList {
-      width: 30%;
-      height: 300px;
+      width: 14%;
+      height: 200px;
       border-radius: 30px;
       background-color: #ffffff;
       position: relative;
         width: 100%;
         display: flex;
         justify-content: center;
+        margin-top: 20px;
         .iconImg{
           width: 100px;
           height: 110px;