From a6930d20627e09059643c35b4d2c63c898856927 Mon Sep 17 00:00:00 2001
From: jmal <zhushilun084@gmail.com>
Date: Mon, 26 Oct 2020 11:04:16 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=EF=BC=9A=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E6=96=87=E7=AB=A0=E7=95=8C=E9=9D=A2=E5=86=85=E5=AE=B9=E4=BD=8D?=
 =?UTF-8?q?=E7=BD=AE(=E6=9C=89=E7=9B=AE=E5=BD=95=E5=92=8C=E6=97=A0?=
 =?UTF-8?q?=E7=9B=AE=E5=BD=95=E6=97=B6=E4=B8=8D=E5=90=8C)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/markdown.scss            |  6 +++---
 src/views/public/article/index.vue  | 11 ++---------
 src/views/public/articles/index.vue |  5 +++--
 3 files changed, 8 insertions(+), 14 deletions(-)

diff --git a/src/styles/markdown.scss b/src/styles/markdown.scss
index d4d30f0..d84fb85 100644
--- a/src/styles/markdown.scss
+++ b/src/styles/markdown.scss
@@ -349,7 +349,7 @@
   /deep/ .slimScrollDiv,.l_side {
     transform: translateX(50px);
   }
-  /deep/ .article_l_main {
+  /deep/ .article_l_main[content=show] {
     transform: translateX(50px);
   }
 }
@@ -358,7 +358,7 @@
   /deep/ .slimScrollDiv,.l_side {
     transform: translateX(80px);
   }
-  /deep/ .article_l_main {
+  /deep/ .article_l_main[content=show] {
     transform: translateX(80px);
   }
 }
@@ -367,7 +367,7 @@
   /deep/ .slimScrollDiv,.l_side {
     transform: translateX(120px);
   }
-  /deep/ .article_l_main {
+  /deep/ .article_l_main[content=show] {
     transform: translateX(120px);
   }
 }
diff --git a/src/views/public/article/index.vue b/src/views/public/article/index.vue
index 9f719e5..2b22336 100644
--- a/src/views/public/article/index.vue
+++ b/src/views/public/article/index.vue
@@ -44,7 +44,7 @@
       </div>
     </div>
     <div class="body-wrapper">
-          <el-main id="main_body" class="l_main article_l_main">
+          <el-main id="main_body" :content="titleList.length > 0?'show':'hide'" class="l_main article_l_main">
             <mavon-editor
               ref="md"
               v-if="!showList"
@@ -139,18 +139,11 @@
           this.pageTitle = filename.substring(0,filename.length - res.data.suffix.length-1)
           this.content = res.data.contentText
           this.$nextTick(()=>{  // DOM更新之后获取子元素
-
+            // 在文章最前面添加更新时间
             let main = document.querySelector('.v-show-content.scroll-style.scroll-style-border-radius')
             let p = document.createElement("p")
-            // let p = "<p class=\"note note-info\">\n" +
-            //   "                \n" +
-            //   "                  本文最后更新于：2020年9月16日 上午\n" +
-            //   "                \n" +
-            //   "              </p>"
             p.className = "note-update-date"
             p.innerText = `本文最后更新于：${this.file.updateDate}`
-            // main.insertAdjacentHTML('beforebegin', '<b>复制代码</b>');
-            // main.childNodes[0].insertAdjacentHTML('beforebegin', '<p class="note note-info"></p>')
             main.insertBefore(p , main.childNodes[0])
 
             // 动态打字效果
diff --git a/src/views/public/articles/index.vue b/src/views/public/articles/index.vue
index ca64857..bf8a1df 100644
--- a/src/views/public/articles/index.vue
+++ b/src/views/public/articles/index.vue
@@ -20,8 +20,9 @@
           </div>
         </div>
         <div class="backstretch">
-<!--          <img src="~@/assets/img/widget-img1.jpg">-->
-          <img class="blog-background" src="https://images.unsplash.com/photo-1603378991000-2dda90e8563a?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=3200&q=80">
+          <!--<img src="~@/assets/img/widget-img1.jpg">-->
+          <img class="blog-background" src="https://images.unsplash.com/photo-1603378991000-2dda90e8563a?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=3200&q=80"
+          onerror="this.src='~@/assets/img/widget-img1.jpg'">
           <!--<el-image  :src="backImageSrc">-->
           <!--</el-image>-->
         </div>