首页卡片调整

src/views/caseFiling/archiveList.vue

@@ -30,7 +30,7 @@
           ></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"
@@ -39,7 +39,7 @@
           end-placeholder="结束日期"
         >
         </el-date-picker>
-      </el-form-item>
+      </el-form-item> -->
       <el-form-item>
         <el-button
           type="primary"

src/views/index.vue

@@ -7,7 +7,7 @@
     <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">
@@ -16,7 +16,7 @@
         </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">
@@ -25,7 +25,7 @@
         </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">
@@ -34,7 +34,7 @@
         </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">
@@ -43,7 +43,7 @@
         </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">
@@ -52,7 +52,7 @@
         </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">
@@ -61,7 +61,7 @@
         </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">
@@ -70,7 +70,7 @@
         </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">
@@ -79,7 +79,7 @@
         </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">
@@ -88,7 +88,7 @@
         </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">
@@ -97,7 +97,7 @@
         </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">
@@ -106,7 +106,7 @@
         </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">
@@ -115,7 +115,7 @@
         </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">
@@ -124,7 +124,7 @@
         </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">
@@ -133,7 +133,7 @@
         </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">
@@ -192,8 +192,8 @@ export default {
     flex-wrap: wrap;
     // justify-content: space-between;
     .cardList {
-      width: 30%;
+      width: 14%;
-      height: 300px;
+      height: 200px;
       border-radius: 30px;
       background-color: #ffffff;
       position: relative;
@@ -214,6 +214,7 @@ export default {
         width: 100%;
         display: flex;
         justify-content: center;
+        margin-top: 20px;
         .iconImg{
           width: 100px;
           height: 110px;