diff --git a/src/lang/en.js b/src/lang/en.js
index 963c60d3..2eae4bf0 100644
--- a/src/lang/en.js
+++ b/src/lang/en.js
@@ -163,5 +163,12 @@ export default {
     close: 'Close',
     closeOthers: 'Close Others',
     closeAll: 'Close All'
+  },
+  settings: {
+    title: 'Page style setting',
+    theme: 'Theme Color',
+    tagsView: 'Open Tags-View',
+    fixedHeader: 'Fixed Header',
+    sidebarLogo: 'Sidebar Logo'
   }
 }
diff --git a/src/lang/es.js b/src/lang/es.js
index 31fa8303..9ae6c50c 100755
--- a/src/lang/es.js
+++ b/src/lang/es.js
@@ -163,5 +163,12 @@ export default {
     close: 'Cerrar',
     closeOthers: 'Cerrar otros',
     closeAll: 'Cerrar todos'
+  },
+  settings: {
+    title: 'Page style setting',
+    theme: 'Theme Color',
+    tagsView: 'Open Tags-View',
+    fixedHeader: 'Fixed Header',
+    sidebarLogo: 'Sidebar Logo'
   }
 }
diff --git a/src/lang/zh.js b/src/lang/zh.js
index 574cba11..86d720b0 100644
--- a/src/lang/zh.js
+++ b/src/lang/zh.js
@@ -163,5 +163,12 @@ export default {
     close: '关闭',
     closeOthers: '关闭其它',
     closeAll: '关闭所有'
+  },
+  settings: {
+    title: '系统布局配置',
+    theme: '主题色',
+    tagsView: '开启 Tags-View',
+    fixedHeader: '固定 Header',
+    sidebarLogo: '侧边栏 Logo'
   }
 }
diff --git a/src/layout/components/Settings/index.vue b/src/layout/components/Settings/index.vue
index 6ef244e7..1c07866f 100644
--- a/src/layout/components/Settings/index.vue
+++ b/src/layout/components/Settings/index.vue
@@ -1,27 +1,25 @@
 <template>
   <div class="drawer-container">
     <div>
-      <h3 class="drawer-title">
-        系统布局配置
-      </h3>
+      <h3 class="drawer-title">{{ $t('settings.title') }}</h3>
 
       <div class="drawer-item">
-        <span>主题色</span>
-        <theme-picker style="float: right;height: 26px;margin: -3px 5px 0 0;" />
+        <span>{{ $t('settings.theme') }}</span>
+        <theme-picker style="float: right;height: 26px;margin: -3px 8px 0 0;" />
       </div>
 
       <div class="drawer-item">
-        <span>开启 Tags-View</span>
+        <span>{{ $t('settings.tagsView') }}</span>
         <el-switch v-model="tagsView" class="drawer-switch" />
       </div>
 
       <div class="drawer-item">
-        <span>固定 Header</span>
+        <span>{{ $t('settings.fixedHeader') }}</span>
         <el-switch v-model="fixedHeader" class="drawer-switch" />
       </div>
 
       <div class="drawer-item">
-        <span>侧边栏 Logo</span>
+        <span>{{ $t('settings.sidebarLogo') }}</span>
         <el-switch v-model="sidebarLogo" class="drawer-switch" />
       </div>
 
@@ -35,9 +33,7 @@ import ThemePicker from '@/components/ThemePicker'
 export default {
   components: { ThemePicker },
   data() {
-    return {
-
-    }
+    return {}
   },
   computed: {
     fixedHeader: {
diff --git a/src/settings.js b/src/settings.js
index ce570903..f75dc70f 100644
--- a/src/settings.js
+++ b/src/settings.js
@@ -1,6 +1,4 @@
 export default {
-  title: 'vue-element-admin',
-
   /**
    * @type {boolean} true | false
    * @description Whether show the settings right-panel