28075

src/mods/AppIntegralApply/detail.vue

@@ -76,12 +76,12 @@
       </div>
     </div>
 
-    <div class="bottom" v-if="detail.auditStatus == 2">
+    <div class="bottoms" v-if="detail.auditStatus == 2">
       <div class="cards">
-        <div class="cards-left">驳回理由</div>
-        <div class="cards-right">
-          <span>{{ detail.auditOpinion }}</span>
-        </div>
+        <span class="lefts">驳回理由</span>
+        <span class="rights">
+          {{ detail.auditOpinion }}
+        </span>
       </div>
     </div>
   </div>
@@ -144,7 +144,7 @@ export default {
       display: flex;
       justify-content: space-between;
       border-bottom: 2px solid #eee;
-      padding: 36px 0;
+      padding: 34px 0;
       line-height: 40px;
       font-size: 28px;
 
@@ -198,5 +198,28 @@ export default {
       }
     }
   }
+  .bottoms {
+    padding: 0 32px 32px 32px;
+    background-color: #fff;
+    .cards {
+      display: flex;
+      border-bottom: 2px solid #eee;
+      padding: 34px 0;
+      line-height: 40px;
+      font-size: 28px;
+
+      .lefts {
+        display: inline-block;
+        width: 160px;
+        color: #999;
+      }
+
+      .rights {
+        width: calc(100% - 160px);
+        color: #333;
+        line-height: 44px;
+      }
+    }
+  }
 }
 </style>