fix card css

src/main.js

@@ -64,6 +64,7 @@ import {
   Progress,
   Step,
   Steps,
+  Divider
 } from 'element-ui'
 Vue.prototype.$moment = moment
 function getCurrentUserSuccess(res){
@@ -190,7 +191,7 @@ Vue.use(Popover)
 Vue.use(Progress)
 Vue.use(Steps)
 Vue.use(Step)
-Vue.use(vRegion)
+Vue.use(Divider)
 Vue.prototype.$msgbox = MessageBox
 Vue.prototype.$alert = MessageBox.alert
 Vue.prototype.$confirm = MessageBox.confirm

src/pages/HomepageSearch/ExpertCard.vue

@@ -12,43 +12,42 @@
           {{card.title}}
         </div>
       </el-col>
-
-      <el-divider></el-divider>
-      <div class="card-detail">
-        {{card.introduction}}
-      </div>
-      <div class="card-action">
-        <div class="btn btn-small btn-info pull-right" @click="goToDetail(card.id)">查看详情</div>
-        <div class="participate-num">
-          <!-- <span v-bind:class="['badge',{ 'ios-platform': item.toLowerCase()=='ios','android-platform': item.toLowerCase()=='android','web-platform': item.toLowerCase()=='web'}]" v-for="item in platformType">{{item}}</span> -->
-        </div>
-      </div>
     </el-row>
+    <el-divider></el-divider>
+    <div class="card-detail">
+      {{card.introduction}}
+    </div>
+    <div class="card-action">
+      <div class="btn btn-small btn-info pull-right" @click="goToDetail(card.id)">查看详情</div>
+      <div class="participate-num">
+        <!-- <span v-bind:class="['badge',{ 'ios-platform': item.toLowerCase()=='ios','android-platform': item.toLowerCase()=='android','web-platform': item.toLowerCase()=='web'}]" v-for="item in platformType">{{item}}</span> -->
+      </div>
+    </div>
   </el-card>
 </template>
 
 <script>
-    export default {
-        name: 'AgencyLine',
-        props: ['card'],
-        methods: {
-            goToDetail(id) {
-                this.$router.push({
-                    name: 'ExpertDetail',
-                    params: {id: id}
-                })
-            },
-            showLoading () {
-                this.loading = true
-            },
-            hideLoading () {
-                this.loading = false
-            },
-        },
-        mounted() {
+  export default {
+    name: 'AgencyLine',
+    props: ['card'],
+    methods: {
+      goToDetail(id) {
+        this.$router.push({
+          name: 'ExpertDetail',
+          params: {id: id}
+        })
+      },
+      showLoading() {
+        this.loading = true
+      },
+      hideLoading() {
+        this.loading = false
+      },
+    },
+    mounted() {
 
-        }
     }
+  }
 </script>
 
 <style lang="less">
@@ -56,9 +55,12 @@
     padding: 0 !important;
   }
 
-
+  .el-divider--horizontal {
+    margin-bottom: 5px !important;
+  }
   .expert-card {
     padding: 10px;
+
     .card-img {
       margin: 10px;
       position: relative;
@@ -66,12 +68,12 @@
     }
 
     .card-title {
+      margin-top: 5px;
       font-size: 24px;
       font-family: Source Han Sans CN;
       font-weight: 500;
       color: rgba(0, 0, 0, 1);
       line-height: 30px;
-      /*margin: 10px 0;*/
       overflow: hidden; //超出的文本隐藏
       text-overflow: ellipsis; //溢出用省略号显示
       white-space: nowrap; //溢出不换行
@@ -90,6 +92,9 @@
     }
 
     .card-detail {
+      width: 100%;
+      height: 72px;
+      margin-bottom: 5px;
       font-size: 14px;
       font-family: Source Han Sans CN;
       font-weight: 400;