1

src/views/service/parts/u-list.vue

@@ -1,14 +1,16 @@
 <template>
-  <div id="uList">
+  <div id="u-list">
     <el-row class="list" @click.native="toDetail">
       <el-col :span="24" class="title">
         {{ data.title }}
       </el-col>
       <el-col :span="24" class="other">
-        <p>
-          <span>{{ data.origin || '暂无' }}</span>
-          <span>{{ data.publish_time || '暂无' }}</span>
-        </p>
+        <el-col :span="24" class="other_info">
+          信息来源：<span>{{ data.origin || '暂无' }}</span>
+        </el-col>
+        <el-col :span="24" class="other_info">
+          更新时间：<span>{{ data.publish_time || '暂无' }}</span>
+        </el-col>
       </el-col>
     </el-row>
   </div>
@@ -30,35 +32,39 @@ export default {
     },
   },
   computed: {
-    ...mapState(['user', 'menuParams']),
-    pageTitle() {
-      return `${this.$route.meta.title}`;
-    },
+    ...mapState(['user']),
   },
   metaInfo() {
     return { title: this.$route.meta.title };
   },
+  watch: {
+    test: {
+      deep: true,
+      immediate: true,
+      handler(val) {},
+    },
+  },
 };
 </script>
 
 <style lang="less" scoped>
 .list {
-  padding: 10px 5px;
-  background: #fff;
-  margin: 0 0 5px 0;
-  border-radius: 5px;
+  background-color: #fff;
+  padding: 5px;
+  margin: 0 0 10px 0;
+  border-radius: 8px;
   .title {
-    font-size: 15px;
+    font-size: 16px;
     font-weight: bold;
     margin: 0 0 5px 0;
   }
   .other {
-    p {
+    .other_info {
+      font-size: 14px;
+      color: #666;
+      padding: 5px 0 0 0;
       span {
-        display: inline-block;
-        width: 50%;
-        font-size: 14px;
-        color: #666;
+        color: #000;
       }
     }
   }

src/views/service/unscramble.vue

@@ -8,7 +8,9 @@
         <el-col :span="24" class="info" :style="{ height: clientHeight + 'px' }">
           <model v-for="(i, index) in list" :key="`mod-${index}`" :data="i" />
         </el-col>
-        <page :limit="limit" :total="total" @search="search" />
+        <el-col :span="24" class="page">
+          <page :limit="limit" :total="total" @search="search" />
+        </el-col>
         <el-col :span="24" class="foot">
           <foot :type="2"></foot>
         </el-col>
@@ -45,7 +47,7 @@ export default {
     this.search();
   },
   mounted() {
-    let clientHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 135;
+    let clientHeight = (document.documentElement.clientHeight || document.body.clientHeight) - 130;
     this.$set(this, `clientHeight`, clientHeight);
   },
   methods: {
@@ -84,9 +86,15 @@ export default {
   .info {
     overflow-x: hidden;
     overflow-y: auto;
+    background-color: #f9f9f9;
+    padding: 5px;
+  }
+  .page {
+    height: 50px;
+    overflow: hidden;
   }
   .foot {
-    height: 40px;
+    height: 50px;
     overflow: hidden;
     border-top: 1px solid #f1f1f1;
   }