gengxin

src/components/memberList.vue

@@ -80,8 +80,9 @@ export default {
   margin: 0 0 10px 0;
 }
 .mainRight {
-  min-height: 600px;
-  margin: 40px 0 0 0;
+  min-height: 1058px;
+  margin: 40px 0 30px 0;
+  background: #fff;
 }
 .down {
   min-height: 135px;

src/layout/list/mainRight.vue

@@ -11,7 +11,7 @@
             <el-image style="width:150px;height:95px;" :src="Nopic" v-else></el-image>
           </el-col>
           <el-col :span="19" class="right">
-            <el-col :span="24" class="rightTop">
+            <el-col :span="24" class="rightTop" style="color: #4f4f4f;">
               <el-col :span="20" class="title">
                 <p class="textOver" :title="item.title">{{ item.title }}</p>
               </el-col>
@@ -20,14 +20,14 @@
               </el-col>
             </el-col>
             <el-col :span="24" class="content">
-              <p v-html="item.content"></p>
+              <p v-html="item.abstract"></p>
             </el-col>
           </el-col>
         </el-col>
-        <el-col :span="24" class="page">
-          <el-pagination @current-change="search" :current-page="currentPage" :page-size="pageSize" layout="total, prev, pager, next, jumper" :total="total">
-          </el-pagination>
-        </el-col>
+      </el-col>
+      <el-col :span="24" class="page">
+        <el-pagination @current-change="search" :current-page="currentPage" :page-size="pageSize" layout="total, prev, pager, next, jumper" :total="total">
+        </el-pagination>
       </el-col>
     </el-row>
   </div>
@@ -95,9 +95,10 @@ p {
   background-color: #176ebb;
 }
 .info {
-  min-height: 560px;
+  min-height: 916px;
   background-color: #fff;
   padding: 10px;
+  position: relative;
 }
 .list {
   padding: 8px 10px;
@@ -142,7 +143,7 @@ p {
   color: #a32324;
 }
 .page {
-  position: absolute;
+  position: relative;
   bottom: 0;
   height: 100px;
   text-align: center;