feat:#1 列表布局调整

terwer · Oct 10, 2022 · 18b9635 · 18b9635
1 parent abaaee2
commit 18b9635
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 17 deletions.
diff --git a/components/default/Header.vue b/components/default/Header.vue
@@ -1,5 +1,7 @@
 <template>
   <header>
+    <header-time/>
+
     <el-page-header :icon="ArrowLeft" title="返回" @click="onBack" v-if="$route.fullPath!='/' && isM">
       <template #content>
         <div class="flex items-center">
@@ -8,10 +10,9 @@
       </template>
     </el-page-header>
 
-    <header-time/>
     <header-menu/>
 
-    <div class="h-6"/>
+    <div class="h-6" v-if="!isM"/>
   </header>
 </template>
 

diff --git a/components/default/HeaderTime.vue b/components/default/HeaderTime.vue
@@ -63,6 +63,9 @@ export default {
 
 <style scoped lang="scss">
 .time {
+  div{
+    padding: 5px 0;
+  }
   margin-bottom: 10px;
 }
 </style>
diff --git a/components/default/HomePostList.vue b/components/default/HomePostList.vue
@@ -88,69 +88,69 @@ export default {
 </script>
 
 <style lang="scss">
-.el-card__body {
+#postList .el-card__body {
   padding: 0;
 }
 
-.time {
-  font-size: 13px;
+#postList .time {
+  font-size: 12px;
   color: #999;
   line-height: 10px;
   margin-top: 10px;
 }
 
-.post-item {
-  margin: 10px;
+#postList .post-item {
+  margin: 0;
   padding: 10px;
 }
 
-.bottom {
+#postList .bottom {
   margin-top: 13px;
   line-height: 12px;
 }
 
-.read-more {
+#postList .read-more {
   padding: 0;
   margin-top: 15px;
   float: left;
   font-weight: bold;
 }
 
-.read-more:hover {
+#postList .read-more:hover {
   color: #409eff !important;
 }
 
-.image {
+#postList .image {
   width: 100%;
   max-height: 150px;
   display: block;
   padding: 0 20px 0 0;
 }
 
-.clearfix:before,
-.clearfix:after {
+#postList .clearfix:before,
+#postList .clearfix:after {
   display: table;
   content: "";
 }
 
-.clearfix:after {
+#postList .clearfix:after {
   clear: both;
 }
 
-.page {
+#postList .page {
   line-height: 30px;
   font-size: 14px;
 }
 
-.article-ext {
+#postList .article-ext {
   font-size: 14px;
 
   .article-ext-info {
     margin-right: 1.25rem;
   }
 }
 
-.s-keyword-dark {
+#postList .s-keyword-dark {
   color: red;
 }
 </style>