gengxin

src/layout/list/mainRight.vue

@@ -21,10 +21,10 @@
           <el-col :span="24" class="mainRightList" v-for="(item, index) in mainRightList" :key="index"
                   :type="item.type">
             <el-col :span="20" class="title" @click.native="$router.push({ name: 'detail', params:{id:item.id} })">
-              <el-link :underline="false">{{item.title}}</el-link>
+              <p class="textOver">{{ item.title }}</p>
             </el-col>
             <el-col :span="4" class="time">
-              {{item.time}}
+              {{item.publish_time}}
             </el-col>
           </el-col>
           <el-col :span="24" class="page">
@@ -67,6 +67,15 @@ export default {
 </script>
 
 <style lang="less" scoped>
+p{
+  margin:0;
+  padding:0;
+}
+.textOver {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .search {
   padding: 10px 0;
 }
@@ -74,13 +83,13 @@ export default {
   height: 32px;
   line-height: 32px;
   border-radius: 0;
-  border: 2px solid #850000;
+  border: 2px solid #336699;
 }
 /deep/.search .button .el-button {
   padding: 7px 20px;
-  border: 2px solid #850000;
+  border: 2px solid #336699;
   border-radius: 0;
-  background: #850000;
+  background: #336699;
   color: #fff;
 }
 .main {
@@ -90,9 +99,11 @@ export default {
   padding: 10px 0;
   border-bottom: 1px dashed #ccc;
 }
-.mainRightList .title .el-link--inner {
-  font-size: 15px;
-  color: #333;
+.mainRightList .title p{
+  color:#666;
+}
+.mainRightList .title p:hover {
+  color: #336699;
 }
 .mainRightList .time {
   text-align: right;