style:样式

 <template>
-  <div class="sidebar-logo-container"
-       :class="{'collapse':collapse}">
+  <div class="sidebar-logo-container" :class="{ 'collapse': collapse }">
     <transition name="sidebarLogoFade">
-      <router-link v-if="collapse"
-                   key="collapse"
-                   class="sidebar-logo-link"
-                   to="/">
-        <img v-if="logo"
-             :src="logo"
-             class="sidebar-logo">
-        <h1 v-else
-            class="sidebar-title">
+      <router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
+        <img v-if="logo" :src="logo" class="sidebar-logo">
+        <h1 v-else class="sidebar-title">
           {{ title }}
         </h1>
       </router-link>
-      <router-link v-else
-                   key="expand"
-                   class="sidebar-logo-link"
-                   to="/">
-        <img v-if="logo"
-             :src="logo"
-             class="sidebar-logo">
+      <router-link v-else key="expand" class="sidebar-logo-link" to="/">
+        <img v-if="logo" :src="logo" class="sidebar-logo">
         <h1 class="sidebar-title">
-          厦门市房屋租赁<br>管理服务系统
+          {{ title }}
         </h1>
       </router-link>
     </transition>
@@ -30,6 +18,8 @@
 </template>
 
 <script>
+import defaultSettings from '@/settings'
+const { title } = defaultSettings
 import logonImg from '@/assets/global_images/logo.png'
 export default {
   name: 'SidebarLogo',
@@ -39,9 +29,9 @@ export default {
       required: true
     }
   },
-  data() {
+  data () {
     return {
-      title: '厦门市房屋数据服务平台',
+      title: title,
       logo: logonImg
     }
   }
@@ -68,12 +58,13 @@ export default {
   & .sidebar-logo-link {
     height: 100%;
     width: 100%;
+
     & .sidebar-logo {
       width: 41px;
       height: 39px;
       vertical-align: middle;
-    //   margin-left: 47px;
-    //   margin-right: 48px;
+      //   margin-left: 47px;
+      //   margin-right: 48px;
       margin-top: 22px;
     }
 

@@ -12,7 +12,6 @@
   </div>
 </template>
 <script>
-// import RightPanel from '@/components/RightPanel'
 import { AppMain, Navbar, Sidebar, TagsView } from './components'
 import ResizeMixin from './mixin/ResizeHandler'
 import { mapState } from 'vuex'

 module.exports = {
-  title: '管理系统',
+  title: '爬山虎不动产登记平台',
   /**
    * @type {boolean} true | false
    * @description Whether show the settings right-panel

@@ -19,7 +19,7 @@ $menuHover:#2e69ca;
 $subMenuBg:#3983fc;
 $subMenuHover:#2e69ca;
 
-$sideBarWidth: 160px;
+$sideBarWidth: 170px;
 $sideBarFontSize:15px;
 
 // the :export directive is the magic sauce for webpack
@@ -33,5 +33,5 @@ $sideBarFontSize:15px;
   subMenuBg: $subMenuBg;
   subMenuHover: $subMenuHover;
   sideBarWidth: $sideBarWidth;
-  sideBarFontSize:$sideBarFontSize;
-}
+  sideBarFontSize: $sideBarFontSize;
+}
\ No newline at end of file