Update mpvue-wxParse

Author: overxue

package.json

@@ -14,7 +14,7 @@
     "mpvue": "^1.0.7",
     "timeago.js": "^3.0.2",
     "flyio": "^0.4.3",
-    "mpvue-wxparse": "^0.4.5"
+    "mpvue-wxparse": "^0.4.8"
   },
   "devDependencies": {
     "mpvue-loader": "^1.0.9",

src/App.vue

@@ -90,9 +90,10 @@ navigator {
 .icon-sina-weibo:before{
   content: "\ea9a";
 }
-.pre {
+
+/* .pre {
   background:#f6f8fa;
   padding: 16px;
-}
+} */
 
 </style>

src/pages/blog/blog.vue

@@ -288,7 +288,6 @@
                 right: 0
                 width: 100%
                 height: 100%
-                -webkit-transform: rotate(45deg) scale(.8)
                 transform: rotate(45deg) scale(.8)
                 text-align: center
                 line-height: 15px
@@ -298,9 +297,8 @@
               line-height: 20px
               a
                 font-size: 20px
-                font-weight: 600
-                color: #3d464d!important
-                cursor: pointer
+                font-weight: 700
+                color: #3d464d !important
             .introduction
               margin: 15px 0
               .icon-user, .icon-clock, .icon-eye
@@ -313,6 +311,8 @@
                   margin-left: 5px
                   font-size: 14px
                   line-height: 14px
+            .article-content
+              line-height: 1.2
             .readmore
               width: 100%
               margin-top: 15px

src/pages/blogdetail/blogdetail.vue

@@ -10,10 +10,9 @@
           <div class="article-section">
             <div class="caption">
               <h1 class="titl">{{articledetail.title}}</h1>
-              <p class="time">发布时间：<span>{{articledetail.created_at}}</span></p>
+              <p class="time">发布时间:<span>{{articledetail.created_at}}</span></p>
             </div>
             <div class="article markdown-body">
-              <!-- {{articledetail.body}} -->
               <wxParse :content="articledetail.body" />
             </div>
             <div class="sns-share">
@@ -54,16 +53,15 @@
   import Footer from '@/components/footer'
   import Navigation from '@/components/navigation'
   import { getArticledetail } from '@/utils/article'
-  import timeago from 'timeago.js'
+  // import timeago from 'timeago.js'
   import wxParse from 'mpvue-wxparse'
-  // import prism from '@/utils/prism'
 
   export default {
     data () {
       return {
         detailShow: false,
         articledetail: [],
-        show: false,
+        show: false
       }
     },
     mounted () {
@@ -81,7 +79,7 @@
       },
       _getArticledetail (id) {
         getArticledetail(id).then((res) => {
-          res.created_at = timeago().format(res.created_at, 'zh_CN')
+          // res.created_at = timeago().format(res.created_at, 'zh_CN')
           this.articledetail = res
           // this.$nextTick(() => {
           //   prism.highlightAll()
@@ -98,10 +96,6 @@
 </script>
 
 <style scoped lang="stylus" rel="stylesheet/stylus">
-  // @import '../../common/css/prism.css'
-  // @import '../../../node_modules/github-markdown-css/github-markdown.css'
-  // @import '../../../node_modules/simplemde-theme-base/dist/simplemde-theme-base.min.css'
-
   .blogdetail
     position:relative
     min-height:100%
@@ -124,7 +118,7 @@
           max-width: 1000px
           margin: 0 auto
           background: #fff
-          padding-bottom: 50px
+          // padding-bottom: 50px
           .header
             position: relative
             padding-top: 44%
@@ -146,46 +140,47 @@
             .caption
               padding: 0 20px
               .titl
-                margin-bottom: .4em
+                margin-bottom: 20px
                 font-size: 20px
-                font-weight:600
+                font-weight: 700
                 color:#3d464d !important
               .time
-                font-size: 14px
+                font-size: 15px
+                color: #95a5a6
             .article
-              padding: 40px 20px;
-              font-size: 20;
-              background: #fff;
+              padding: 20px
+              font-size: 20
+              background: #fff
               &:before
-                display: table;
-                content: "";
+                display: table
+                content: ""
             .sns-share
               padding: 2em 0 2em
               text-align: center
               div
-                display: inline-block;
-                width: 80px;
-                height: 80px;
-                margin: 0 1em;
-                border-radius: 50%;
-                font-size: 1.2rem;
-                color: #fff;
-                background: #fa7d3c;
+                display: inline-block
+                width: 80px
+                height: 80px
+                margin: 0 1em
+                border-radius: 50%
+                font-size: 1.2rem
+                color: #fff
+                background: #fa7d3c
                 i
-                  display: block;
-                  padding-top: 10px;
-                  line-height: 30px;
-                  font-size: 30px;
+                  display: block
+                  padding-top: 10px
+                  line-height: 30px
+                  font-size: 30px
                 .l-icon
-                  font-family: layIcon;
-                  font-style: normal;
+                  font-family: layIcon
+                  font-style: normal
                 span
-                  display: block;
-                  line-height: 30px;
-                  font-size: 14px;
+                  display: block
+                  line-height: 30px
+                  font-size: 14px
           .comments-section
             position: relative
-            padding: 2em 1em;
+            padding: 2em 1em
             background: #f5f8fa
             &:before
               position: absolute
@@ -287,11 +282,11 @@
       &.fade-enter, &.fade-leave-to
         opacity: 0
     .modal-dialog
-      width: 350px;
-      position: absolute;
-      top: 45%;
-      left: 50%;
-      transform: translate(-50%,-50%);
+      width: 350px
+      position: absolute
+      top: 45%
+      left: 50%
+      transform: translate(-50%,-50%)
       margin: 30px auto
       z-index: 100
       text-align: center
@@ -300,13 +295,13 @@
       &.fade-enter, &.fade-leave-to
         opacity: 0
       .modal-content
-        box-shadow: 0 5px 25px rgba(0,0,0,.1);
-        border: 1px solid rgba(0,0,0,.1);
-        overflow: hidden;
-        position: relative;
-        background-color: #fff;
-        border-radius: 6px;
-        background-clip: padding-box;
+        box-shadow: 0 5px 25px rgba(0,0,0,.1)
+        border: 1px solid rgba(0,0,0,.1)
+        overflow: hidden
+        position: relative
+        background-color: #fff
+        border-radius: 6px
+        background-clip: padding-box
         outline: 0;
         .modal-header
           float: right

yarn.lock

@@ -3738,9 +3738,9 @@ mpvue-webpack-target@^1.0.0:
   dependencies:
     webpack "^3.4.0"
 
-mpvue-wxparse@^0.4.5:
-  version "0.4.5"
-  resolved "http://registry.npm.taobao.org/mpvue-wxparse/download/mpvue-wxparse-0.4.5.tgz#099ffbfc1bdab2684f42ef7a3f5375db54713d27"
+mpvue-wxparse@^0.4.8:
+  version "0.4.8"
+  resolved "http://registry.npm.taobao.org/mpvue-wxparse/download/mpvue-wxparse-0.4.8.tgz#f6fe3f5bb59c40448ab88b657acc15d32d177d62"
 
 mpvue@^1.0.7:
   version "1.0.7"