fix: update veui and refine styles

assets/styles/post.styl

@@ -228,7 +228,7 @@ margin-y($top, $bottom = $top)
   pre
     border 1px solid #eee
     border-radius 4px
-    padding 30px
+    padding 18px 24px
     background-color #f9f9f9
     white-space pre
     overflow auto
@@ -255,6 +255,7 @@ margin-y($top, $bottom = $top)
 
   .custom-block
     border 1px solid
+    border-radius 4px
     margin 1em 0
     padding 0.75em 1em
 

components/OneDemo.vue

@@ -98,6 +98,8 @@ export default {
 
 .demo
   border 1px solid #eee
+  border-top-left-radius 4px
+  border-top-right-radius 4px
   padding 30px
 
 .desc
@@ -106,12 +108,16 @@ export default {
   background-color #fcfcfc
 
 .source
+  overflow hidden
   transition height 0.3s
 
   & >>> pre
     margin-top 0
     margin-bottom 0
 
+    .expanded &
+      border-radius 0
+
 .desc
 .source >>> pre
 .toggle
@@ -126,6 +132,8 @@ export default {
   width 100%
   height 40px
   border 1px solid #eee
+  border-bottom-left-radius 4px
+  border-bottom-right-radius 4px
   background-color #fff
   transition background-color 0.3s
   outline none

components/OneMenu.vue

@@ -122,7 +122,7 @@ export default {
   width 100%
   height 100%
 
-  ::v-deep .veui-menu-tree-wrapper
+  & >>> .veui-menu-tree-wrapper
     display flex
     flex-direction column
     flex-grow 1
@@ -132,7 +132,7 @@ export default {
     .veui-menu-tree
       overflow auto
 
-  ::v-deep .DocSearch
+  & >>> .DocSearch
     margin 0
     border-radius 6px
     font inherit
@@ -177,6 +177,7 @@ export default {
 
   .filter
     margin 20px 0 20px 20px
+    height 36px
 
   .search
     display block

nuxt.config.js

@@ -33,13 +33,13 @@ module.exports = {
   /**
    * Customize the progress bar color
    */
-  loading: { color: '#1e1f24' },
+  loading: { color: '#0052cc' },
 
   pageTransition: {
     css: false
   },
 
-  css: ['veui-theme-dls/common.less', '@/assets/styles/global.styl', '@/assets/styles/post.styl'],
+  css: ['veui-theme-dls/common.less', '@/assets/styles/global.styl'],
 
   plugins: [
     { src: '~plugins/i18n.js' },

one/templates/page.etpl

@@ -25,4 +25,6 @@ export default {<!-- if: ${layout} -->
 <!-- /if -->
   mixins: [htmlAttrs]
 }
-</script><!-- /else -->
+</script><!-- /else --><!-- if: ${style} -->
+
+<style lang="stylus" src="@/assets/styles/post.styl" scoped></style><!-- /if -->

package.json

@@ -23,7 +23,7 @@
     "@docsearch/js": "^1.0.0-alpha.27",
     "babel-eslint": "^10.1.0",
     "babel-plugin-lodash": "^3.3.4",
-    "babel-plugin-veui": "^2.0.0",
+    "babel-plugin-veui": "^2.0.1",
     "dls-icons-vue": "^0.14.0",
     "eslint": "^5.15.1",
     "eslint-config-prettier": "^4.1.0",
@@ -70,10 +70,10 @@
     "stylus-loader": "^3.0.2",
     "unist-util-remove": "^1.0.1",
     "unist-util-visit": "^1.4.0",
-    "veui": "^2.0.0",
-    "veui-loader": "^2.0.0",
-    "veui-theme-dls": "^2.0.0",
-    "veui-theme-dls-icons": "^2.0.0",
+    "veui": "^2.0.1",
+    "veui-loader": "^2.0.1",
+    "veui-theme-dls": "^2.0.1",
+    "veui-theme-dls-icons": "^2.0.1",
     "vue-awesome": "^4.1.0",
     "vue-i18n": "^8.16.0",
     "vue-windows": "^0.2.4"