首页更多详情页的每一行布局

src/views/portrait.vue

@@ -55,27 +55,34 @@
         >
       </div>
       <div class="screen_l_b" v-for="item in portraitData" :key="item.id">
-        <div class="title text_hidden_one pointer">
-          <router-link
-            target="_blank"
-            :to="{
-              path: '/result',
-              query: {
-                key: type == 'policyNotice' ? 'policy' : type,
-                id: item.id
-              }
-            }"
-          >
-            {{ item.title }}
-          </router-link>
+        <div class="title pointer">
+          <div class="con">
+            <router-link
+              class="text_hidden_one"
+              target="_blank"
+              :to="{
+                path: '/result',
+                query: {
+                  key: type == 'policyNotice' ? 'policy' : type,
+                  id: item.id
+                }
+              }"
+            >
+              {{ item.title }}
+            </router-link>
+            <span class="info">
+              <span v-if="type != 'information'">{{ item.listDate }}</span>
+              <span v-else>{{ item.createTime }}</span>
+            </span>
+          </div>
         </div>
-        <div class="info" v-if="type != 'information'">
+        <!-- <div class="info" v-if="type != 'information'">
           <span>来源：{{ item.source }}</span>
           <span>发布：{{ item.listDate }}</span>
         </div>
         <div class="info" style="justify-content: flex-end;" v-else>
           <span>发布：{{ item.createTime }}</span>
-        </div>
+        </div> -->
       </div>
       <div style="text-align: center;margin:30px 0" v-show="!total">
         <div style="height:210px;display: inline-block;color:#999">
@@ -250,7 +257,7 @@ export default {
 <style lang="scss" scoped>
 .portrait_page {
   .padding-top {
-    padding-top: 70px;
+    padding-top: 25px;
     .search {
       text-align: center;
       margin-bottom: 26px;
@@ -283,7 +290,7 @@ export default {
     .header {
       display: flex;
       align-items: center;
-      height: 90px;
+      height: 70px;
       padding: 30px;
       background-color: #f5f5f5;
       .el-tabs {
@@ -299,19 +306,29 @@ export default {
 
     .screen_l_b {
       padding: 0 20px;
-      height: 110px;
-      display: flex;
+      height: 50px;
+      line-height: 50px;
+      // display: flex;
       flex-direction: column;
       justify-content: center;
       border-bottom: 1px solid #e3e3e3;
 
       .title {
+        height: 100%;
         font-size: 18px;
         color: #333;
-        margin-bottom: 16px;
+        // margin-bottom: 16px;
         text-align: left;
+        .con {
+          height: 100%;
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+        }
       }
       .info {
+        float: right;
+        flex: 0 0 150px;
         font-size: 16px;
         color: #999;
         display: flex;