对接问题知识库的回复

jero-web/src/views/businessSupport/problemKnowledgeBase/components/countryCardView.vue

@@ -3,9 +3,9 @@
     <div class="doc-detail-wrap">
       <div class="doc-detail-header" style="position: fixed;top: 0">
         <div class="doc-detail-title">
-<!--           <span style="line-height: 66px;display: inline-block;float: left">-->
-<!--             <a-icon type="arrow-left" style="margin-right: 6px;"/>-->
-<!--           </span>-->
+          <!--           <span style="line-height: 66px;display: inline-block;float: left">-->
+          <!--             <a-icon type="arrow-left" style="margin-right: 6px;"/>-->
+          <!--           </span>-->
           {{header_text}}
         </div>
       </div>
@@ -35,7 +35,7 @@
                     </div>
 
                   </div>
-                  <div class="content-box-box" v-else>
+                  <div class="content-box-box" :class="{'content-box-box-color':index % 2 == 1 ? true : false}" v-else>
                     <a v-if="index2 == 0 && item2.relevantUrl"
                        style="color: rgb(33, 201, 204)"
                        :class="{'content-box-box-text-admin':!item2.lableName || item2.lableName == 'null' || item2.lableName == 'undefined'? true : false}"
@@ -116,7 +116,7 @@
       }
     },
     mounted() {
-      document.title = 'Country Card'+ '-' + this.$t('details')
+      document.title = 'Country Card' + '-' + this.$t('details')
       this.queryCountry(() => {
         this.replacePage()
       })
@@ -385,8 +385,8 @@
   .content-box-box {
     width: 340px;
     display: inline-block;
-    height: 80px;
-    line-height: 80px;
+    height: 60px;
+    line-height: 60px;
     text-align: center;
     background: #fff;
     border-right: 1px #d9d9d9 solid;
@@ -421,7 +421,7 @@
   }
 
   .content-box-top {
-    height: 80px;
+    height: 60px;
   }
 
   .content-box-top:first-child {
@@ -442,6 +442,10 @@
   }
 
   .content-box-box-text-admin {
-    height: 80px !important;
+    height: 60px !important;
+  }
+
+  .content-box-box-color {
+    background: #f2f2f2;
   }
 </style>