修复: 修改不分页面布局问题；

src/components/chart/Trend.vue

@@ -66,7 +66,6 @@ export default {
   .chart-trend{
     display: inline-block;
     font-size: 14px;
-    line-height: 22px;
     .chart-trend-icon{
       font-size: 12px;
       &.up{

src/components/page/PageHeader.vue

@@ -104,7 +104,7 @@ export default {
             margin-right: 16px;
           }
           .content{
-            margin-bottom: 16px;
+            /*margin-bottom: 16px;*/
             flex: auto;
           }
           .extra{

src/components/setting/Setting.vue

@@ -116,7 +116,11 @@ export default {
     onColorChange (values, colors) {
       if (colors.length > 0) {
         let closeMessage = this.$message.info(`您选择了主题色 ${colors}, 正在切换...`)
-        themeUtil.changeThemeColor(colors[0]).then(closeMessage)
+        let _this = this
+        themeUtil.changeThemeColor(colors[0]).then(() => {
+          _this.$store.commit('setting/setThemeColor', colors[0])
+          closeMessage()
+        })
       }
     },
     setTheme (values) {

src/components/transition/PageToggleTransition.vue

@@ -75,13 +75,13 @@
 <style lang="less">
   .page-toggle-enter-active{
     position: absolute !important;
-    animation-duration: 0.6s !important;
-    width: calc(100%);
+    animation-duration: 0.8s !important;
+    width: calc(100%) !important;
   }
   .page-toggle-leave-active{
     position: absolute !important;
-    animation-duration: 0.6s !important;
-    width: calc(100%);
+    animation-duration: 0.8s !important;
+    width: calc(100%) !important;
   }
   .page-toggle-enter{
   }