gengxin

src/views/communication/parts/demand.vue

@@ -3,7 +3,7 @@
     <el-col :span="24">
       <el-col class="swfl">
         <el-image style="width:22px;height:22px;margin:0 5px -5px 0;" :src="src"></el-image>
-        <span>技术需求征集</span>
+        <span>需求发布</span>
       </el-col>
       <el-col :span="24" class="info">
         <el-col :span="24" v-for="(item, index) in demandlist" :key="index" class="list">
@@ -49,12 +49,12 @@ export default {
   color: #ffffff;
 }
 .info {
-  min-height: 600px;
+  min-height: 294px;
   border-bottom: 1px solid #ccc;
 }
 
 .list {
-  padding: 10px 10px 10px 10px;
+  padding: 5px 10px 5px 10px;
 
   span:first-child {
     display: inline-block;
@@ -71,6 +71,10 @@ export default {
     width: 64%;
     margin: 0 30px 0 0;
   }
+
+  .textOver:hover {
+    color: #215299;
+  }
   span:last-child {
     display: inline-block;
     width: 90px;

src/views/communication/parts/right.vue

@@ -5,6 +5,7 @@
         <el-tabs type="border-card">
           <el-tab-pane>
             <span slot="label">专题研讨</span>
+            <span slot="label" class="dian"></span>
             <el-col :span="24" class="list">
               <ul>
                 <li
@@ -14,9 +15,7 @@
                   @click="$router.push({ path: '/service/servicedetail', query: { id: item.id } })"
                 >
                   <el-col :span="20" class="title textOver">{{ item.title }}</el-col>
-                  <el-col :span="4" class="date textOver">{{
-                    item.meta && item.meta.createdAt ? new Date(item.meta.createdAt).toLocaleDateString() : '' || ''
-                  }}</el-col>
+                  <el-col :span="4" class="date textOver">{{ item.date }}</el-col>
                 </li>
               </ul>
               <el-col class="more" :span="24"><el-link :underline="false" @click="moreClick()">查看更多</el-link></el-col>
@@ -24,6 +23,7 @@
           </el-tab-pane>
           <el-tab-pane>
             <span slot="label">技术问答</span>
+            <span slot="label" class="dian"></span>
             <el-col :span="24" class="list">
               <ul>
                 <li
@@ -33,9 +33,7 @@
                   @click="$router.push({ path: '/service/servicedetail', query: { id: item.id } })"
                 >
                   <el-col :span="20" class="title textOver">{{ item.title }}</el-col>
-                  <el-col :span="4" class="date textOver">{{
-                    item.meta && item.meta.createdAt ? new Date(item.meta.createdAt).toLocaleDateString() : '' || ''
-                  }}</el-col>
+                  <el-col :span="4" class="date textOver">{{ item.date }}</el-col>
                 </li>
               </ul>
               <el-col class="more" :span="24"><el-link :underline="false" @click="moreClick()">查看更多</el-link></el-col>
@@ -43,6 +41,7 @@
           </el-tab-pane>
           <el-tab-pane>
             <span slot="label">行业研究</span>
+            <span slot="label" class="dian"></span>
             <el-col :span="24" class="list">
               <ul>
                 <li
@@ -52,9 +51,7 @@
                   @click="$router.push({ path: '/service/servicedetail', query: { id: item.id } })"
                 >
                   <el-col :span="20" class="title textOver">{{ item.title }}</el-col>
-                  <el-col :span="4" class="date textOver">{{
-                    item.meta && item.meta.createdAt ? new Date(item.meta.createdAt).toLocaleDateString() : '' || ''
-                  }}</el-col>
+                  <el-col :span="4" class="date textOver">{{ item.date }}</el-col>
                 </li>
               </ul>
               <el-col class="more" :span="24"><el-link :underline="false" @click="moreClick()">查看更多</el-link></el-col>
@@ -71,9 +68,7 @@
                   @click="$router.push({ path: '/service/servicedetail', query: { id: item.id } })"
                 >
                   <el-col :span="20" class="title textOver">{{ item.title }}</el-col>
-                  <el-col :span="4" class="date textOver">{{
-                    item.meta && item.meta.createdAt ? new Date(item.meta.createdAt).toLocaleDateString() : '' || ''
-                  }}</el-col>
+                  <el-col :span="4" class="date textOver">{{ item.date }}</el-col>
                 </li>
               </ul>
               <el-col class="more" :span="24"><el-link :underline="false" @click="moreClick()">查看更多</el-link></el-col>
@@ -118,7 +113,7 @@ li {
 }
 .info {
   padding: 20px;
-  height: 300px;
+  height: 430px;
   overflow: hidden;
 }
 /deep/.el-tabs--border-card {
@@ -131,12 +126,12 @@ li {
   margin: 0 0 10px 0;
 }
 /deep/.el-tabs--border-card > .el-tabs__header .el-tabs__item.is-active {
-  color: #2c3350;
+  color: #054982;
   border-right-color: transparent;
   border-left-color: transparent;
 }
 /deep/.el-tabs__item {
-  padding: 0 15px 0 0;
+  padding: 0px 0px 0 0;
   font-size: 22px;
   font-weight: bold;
 }
@@ -148,21 +143,19 @@ li {
 }
 
 /deep/.el-tabs--border-card > .el-tabs__header .el-tabs__item:not(.is-disabled):hover {
-  color: #2c3350;
+  color: #054982;
 }
 
 .list {
-  height: 220px;
-  overflow: hidden;
 }
 .list ul {
   min-height: 30px;
-  max-height: 180px;
+  max-height: 296px;
   overflow: hidden;
   padding: 0 0 0 20px;
 }
 .list ul li {
-  padding: 0 0 9px 0;
+  padding: 6px 0 10px 0;
 }
 .list ul li .date {
   display: inline-block;
@@ -189,9 +182,18 @@ li {
   line-height: 25px;
   text-align: center;
   background: #f5f5f5;
+  margin: 15px 0 0 0;
 }
 .more .el-link {
   font-size: 16px;
   color: #60626e;
 }
+
+.dian {
+  display: inline-block;
+  width: 5px;
+  height: 5px;
+  background-color: #054982;
+  margin: 0px 10px 5px 10px;
+}
 </style>