diff --git a/src/axios/fetch.js b/src/axios/fetch.js
index 82dc914..6a7906f 100644
--- a/src/axios/fetch.js
+++ b/src/axios/fetch.js
@@ -1,8 +1,8 @@
 import axios from 'axios'
 
 export const api = axios.create({
-  baseURL: 'https://ccb.canary.moe/api/',
-  // baseURL: window.location.origin + '/api/',
+  // baseURL: 'https://ccb.canary.moe/api/',
+  baseURL: window.location.origin + '/api/',
   // baseURL: 'http://152.136.99.231:8001' + '/api/',
   headers: {
     'Content-Type': 'application/x-www-form-urlencoded',
diff --git a/src/utils/language.js b/src/utils/language.js
new file mode 100644
index 0000000..8a2fc33
--- /dev/null
+++ b/src/utils/language.js
@@ -0,0 +1,252 @@
+export function lang() {
+	return {
+		home: {
+			CHS: {
+				title: '密码本',
+				search: '搜索...',
+				menu: ['按首字母', '按最常使用'],
+				drawer: ['账户', '设置', '分享链接', '下载apk', '立即锁定'],
+				empty_state: {
+					label: '创建你的第一个密码',
+					description: '创建密码后，您就可以将信息上载到服务器并保存',
+					button: '立即创建'
+				},
+				unlock_msg: {
+					expired: '密码校验过期，请重新输入',
+					wrong: '密码错误，请重新输入'
+				},
+				copy: {
+					successful: '恭喜！复制成功',
+					failed: '抱歉，复制失败。夸克等浏览器复制成功也会报错，请试着粘贴看看'
+				}
+			},
+			EN: {
+				title: 'Codebook',
+				search: 'Search...',
+				menu: ['Alphabetically', 'Recently Used'],
+				drawer: ['Account', 'Settings', 'Share', 'Download apk', 'Lock Now'],
+				empty_state: {
+					label: 'Create your first code',
+					description: "Creating code, you'll be able to upload your information to the server and save it.",
+					button: 'Create first code'
+				},
+				unlock_msg: {
+					expired: 'Password validity period has expired, please re-enter.',
+					wrong: 'Wrong password, please re-enter.'
+				},
+				copy: {
+					successful: 'Copy successful',
+					failed: 'Failed to copy, but failed in some cases. Try to paste'
+				}
+			}
+		},
+		settings: {
+			CHS: {
+				title: '设置',
+				subheader: ['重置', '选项'],
+				reset_list: ['账户', '密码本', '应用', '主密码'],
+				option_list: ['语言', '黑暗模式', '密码超时时间'],
+				expired_time: '无限',
+				dialog: {
+					title: '输入新的主密码',
+					placeholder: '输入...',
+					confirm: '完成',
+					cancel: '取消'
+				},
+				snakebar_msg: {
+					reset_account: '恭喜! 账户重置完成',
+					reset_codebook: '恭喜! 密码本重置完成',
+					reset_settings: '恭喜! 个性化设置成功',
+					reset_pwd_failed: '密码不能为空',
+					reset_pwd_successful: '恭喜! 新的密码已经应用'
+				}
+			},
+			EN: {
+				title: 'Settings',
+				subheader: ['Reset', 'Option'],
+				reset_list: ['Account', 'Codebook', 'Application', 'Main Password'],
+				option_list: ['Language', 'Dark Mode', 'Expired Time'],
+				expired_time: 'Infinite',
+				dialog: {
+					title: 'Enter new password',
+					placeholder: 'Enter here...',
+					confirm: 'Done',
+					cancel: 'Cancel'
+				},
+				snakebar_msg: {
+					reset_account: 'Congratulations! Reset account completed',
+					reset_codebook: 'Congratulations! Reset codebook completed',
+					reset_settings: 'Congratulations! Reset settings completed',
+					reset_pwd_failed: 'Password can not be none',
+					reset_pwd_successful: 'Congratulations! New password set up successfully'
+				}
+			}
+		},
+		detail: {
+			CHS: {
+				label: ['用户名', '密码', '网址', '备注'],
+				copy: {
+					successful: '恭喜！复制成功',
+					failed: '抱歉，复制失败。夸克等浏览器复制成功也会报错，请试着粘贴看看'
+				},
+				snakebar_msg_empty: '网址为空',
+				empty_placeholder: '空空如也呢',
+				dialog: {
+					title: "删除该记录",
+					content: "此操作不可复原，是否继续",
+					confirm: "删除",
+					cancel: "取消"
+				}
+			},
+			EN: {
+				label: ['Username', 'Password', 'Web address', 'Node'],
+				copy: {
+					successful: 'Copy successful',
+					failed: 'Failed to copy, but failed in some cases. Try to paste'
+				},
+				snakebar_msg_empty: 'Web address is empty',
+				empty_placeholder: 'Empty',
+				dialog: {
+					title: "Delete this password?",
+					content: "This operation cannot be resumed. Are you sure to continue?",
+					confirm: "Continue",
+					cancel: "Cancel"
+				}
+			}
+		},
+		add: {
+			CHS: {
+				title: ['新建密码', '编辑'],
+				subheader: ['密码标题', '用户名', '密码', '网址', '备注...'],
+				enter: '提交',
+				empty_error: ['密码标题不可为空', '用户名不可为空', '密码不可为空']
+			},
+			EN: {
+				title: ['Add New Code', 'Edit'],
+				subheader: ['Code Title', 'Username', 'Password', 'Web address', 'Node'],
+				enter: 'Enter',
+				empty_error: ['Title can not be none.', 'Username can not be none.', 'Password can not be none.']
+			}
+		},
+		account: {
+			CHS: {
+				title: '账户',
+				login: {
+					input_placeholder: ['邮箱地址', '密码'],
+					password_errmsg: '密码不能为空',
+					submit: '登录 / 注册'
+				},
+				activation: {
+					title: '恭喜! 激活码已经下发到你的邮箱',
+					subheader: '激活码',
+					input_errmsg: '激活码不可为空',
+					submit: '立即激活'
+				},
+				account: {
+					label: ['云端信息最后修改时间', '同步本地密码本至云端', '同步云端密码本至本地'],
+					logout: '退出登录'
+				},
+				mail_addr_errmsg: ['邮箱地址不能为空', '邮箱地址不合法'],
+				snakebar_msg: ['抱歉, 网络错误',
+					'恭喜! 登录成功!',
+					'恭喜! 请在您的邮箱里找到激活码!',
+					'抱歉, 密码错误, 请重新输入',
+					'抱歉, 网络错误. 错误码:',
+					'恭喜! 激活成功!',
+					'抱歉, 激活码错误, 请重新输入',
+					'恭喜! 本地数据更新成功!',
+					'恭喜! 云端数据更新成功!'
+				]
+			},
+			EN: {
+				title: 'Account',
+				login: {
+					input_placeholder: ['Mail addr', 'Password'],
+					password_errmsg: 'Password can not be none.',
+					submit: 'Login / Sign'
+				},
+				activation: {
+					title: 'Congratulations! Activation code has been sent to your email',
+					subheader: 'Activation Code',
+					input_errmsg: 'Activation Code can not be none.',
+					submit: 'activation'
+				},
+				account: {
+					label: ['Cloud last modified time', 'Sync local codebook to cloud', 'Sync cloud codebook to local'],
+					logout: 'Logout'
+				},
+				mail_addr_errmsg: ['Mail addr can not be none.', 'Mail addr is invalid.'],
+				snakebar_msg: ['Sorry, network error',
+					'Congratulations! Login is successful!',
+					'Congratulations! Please find the activation code in your email!',
+					'Sorry, the password is wrong, please re-enter',
+					'Sorry, network error. errcode:',
+					'Congratulations! Activation is successful!',
+					'Sorry, the activation is wrong, please re-enter',
+					'Congratulations! Local data update completed!',
+					'Congratulations! Cloud data update completed!'
+				]
+			}
+		},
+		unlock: {
+			CHS: {
+				title: ['创建主密码','解锁'],
+				subheader: ['创建主密码', '解锁Canary Codebook'],
+				pwd_label: ['主密码','解锁密码'],
+				repeat_pwd: '再次输入主密码',
+				enter: '提交',
+				dialog: {
+					title: '确认提交',
+					content: '该密码提交之后不可被修改, 请不要将此密码告诉任何人',
+					confirm: '同意',
+					cancel: '不同意'
+				},
+				empty_pwd_error: '主密码不能为空',
+				wrong_pwd_error: '主密码错误',
+				match_pwd_error: '两次输入密码不一致'
+			},
+			EN: {
+				title: ['Create Password','Unlock'],
+				subheader: ['Create New Password', 'Unlock Canary Codebook'],
+				pwd_label: ['New Password','Unlock Password'],
+				repeat_pwd: 'Repeat Password',
+				enter: 'Enter',
+				dialog: {
+					title: 'Confirm you new password?',
+					content: 'The password will not be modified after submission, please make sure you don’t tell anyone this password.',
+					confirm: 'Agree',
+					cancel: 'Disagree'
+				},
+				empty_pwd_error: 'Password can not be none',
+				wrong_pwd_error: 'Wrong password',
+				match_pwd_error: 'The two passwords do not match'
+			}
+		}
+	}
+}
+
+/**
+ * 引入
+	import { lang } from '@/utils/language.js'
+	
+ * data 里边加入lang
+	data -> lang
+	
+ * create() 初始化语言系统，防止报错
+	this.lang = lang().home.CHS
+	console.log('临时语言系统加载完成')
+
+ * computed 获取settings
+	...mapState(['user_infos', 'row_data', 'row_pwd', 'settings'])
+
+ * 在合适的地方配置语言
+	// 配置语言
+	initLanguage() {
+		if(this.settings.is_chinese) {
+			this.lang = lang().home.CHS
+		} else {
+			this.lang = lang().home.EN
+		}
+		console.log('语言配置完成')
+	},
+*/
diff --git a/src/views/Account/Account.vue b/src/views/Account/Account.vue
index e565945..8dfebf5 100644
--- a/src/views/Account/Account.vue
+++ b/src/views/Account/Account.vue
@@ -4,7 +4,7 @@
 			<md-app-toolbar class="md-primary toolbar">
 				<div class="md-toolbar-section-start">
 					<md-button class="md-icon-button" @click="back()"><md-icon>arrow_back</md-icon></md-button>
-					<h3 class="md-title" style="flex: 1">Account</h3>
+					<h3 class="md-title" style="flex: 1">{{lang.title}}</h3>
 				</div>
 			</md-app-toolbar>
 
@@ -12,17 +12,17 @@
 				<icon class="logo" name="canary"></icon>
 				<template v-if="page_type == 'login'">
 					<md-field :class="mail_addr_verify ? '' : 'md-invalid'">
-						<label>Mail addr</label>
+						<label>{{lang.login.input_placeholder[0]}}</label>
 						<md-input v-model="mail_addr" required></md-input>
 						<span class="md-error">{{mail_addr_errmsg}}</span>
 					</md-field>
 
 					<md-field :class="password_verify ? '' : 'md-invalid'">
-						<label>Password</label>
+						<label>{{lang.login.input_placeholder[1]}}</label>
 						<md-input v-model="password" required></md-input>
-						<span class="md-error">Password can not be none.</span>
+						<span class="md-error">{{lang.login.password_errmsg}}</span>
 					</md-field>
-					<md-button class="md-raised md-primary expand" @click="judgeLogin()" :disabled="login_loading">Login / Sign
+					<md-button class="md-raised md-primary expand" @click="judgeLogin()" :disabled="login_loading">{{lang.login.submit}}
 					<div class="loading-box">
 						<md-progress-spinner v-if="login_loading" :md-diameter="22" :md-stroke="3" md-mode="indeterminate"></md-progress-spinner>
 					</div>
@@ -30,13 +30,13 @@
 				</template>
 
 				<template v-if="page_type == 'activation'">
-					<p class="md-caption">Congratulations! Activation code has been sent to your email</p>
+					<p class="md-caption">{{lang.activation.title}}</p>
 					<md-field :class="activation_code_verify ? '' : 'md-invalid'">
-						<label>Activation Code</label>
+						<label>{{lang.activation.subheader}}</label>
 						<md-input v-model="activation_code" required></md-input>
-						<span class="md-error">Activation Code can not be none.</span>
+						<span class="md-error">{{lang.activation.input_errmsg}}</span>
 					</md-field>
-					<md-button class="md-raised md-primary expand" :disabled="activation_loading" @click="judgeActivation()">activation
+					<md-button class="md-raised md-primary expand" :disabled="activation_loading" @click="judgeActivation()">{{lang.activation.submit}}
 					<div class="loading-box">
 						<md-progress-spinner v-if="activation_loading" :md-diameter="22" :md-stroke="3" md-mode="indeterminate"></md-progress-spinner>
 					</div>
@@ -52,23 +52,23 @@
 						<md-divider></md-divider>
 
 						<md-list-item>
-							<span class="md-list-item-text">云端信息最后修改时间</span>
+							<span class="md-list-item-text">{{lang.account.label[0]}}</span>
 							<span class="time-content">{{update_time}}</span>
 						</md-list-item>
 						
 						<md-list-item>
-							<span class="md-list-item-text">同步本地密码本至云端</span>
+							<span class="md-list-item-text">{{lang.account.label[1]}}</span>
 							<md-button @click="syncCloudStart()" v-if="!sync_cloud_loading" class="md-icon-button md-list-action"><md-icon>cloud_upload</md-icon></md-button>
 							<md-progress-spinner v-else :md-diameter="22" :md-stroke="3" md-mode="indeterminate"></md-progress-spinner>
 						</md-list-item>
 						
 						<md-list-item>
-							<span class="md-list-item-text">同步云端密码本至本地</span>
+							<span class="md-list-item-text">{{lang.account.label[2]}}</span>
 							<md-button @click="syncLocalStart()" v-if="!sync_local_loading" class="md-icon-button md-list-action"><md-icon>cloud_download</md-icon></md-button>
 							<md-progress-spinner v-else :md-diameter="22" :md-stroke="3" md-mode="indeterminate"></md-progress-spinner>
 						</md-list-item>
 						
-						<md-button @click="startLogout()" class="md-raised md-primary expand" :disabled="sync_local_loading || sync_cloud_loading">Logout</md-button>
+						<md-button @click="startLogout()" class="md-raised md-primary expand" :disabled="sync_local_loading || sync_cloud_loading">{{lang.account.logout}}</md-button>
 					</md-list>
 				</template>
 				<md-snackbar md-position="center" :md-active.sync="show_snackbar" md-persistent>
@@ -84,6 +84,7 @@
 import { mapState, mapActions } from 'vuex';
 import { encrypt, decrypt, encryptMainCode, decryptMainCode } from '@/utils/aes.js';
 import { login, activation, syncLocal, syncCloud } from '@/axios/api.js'
+import { lang } from '@/utils/language.js'
 
 export default {
 	name: 'Add',
@@ -102,11 +103,12 @@ export default {
 			login_loading: false,
 			activation_loading: false,
 			show_snackbar: false,
-			snakebar_msg:''
+			snakebar_msg:'',
+			lang:''
 		};
 	},
 	computed: {
-		...mapState(['user_infos', 'row_data', 'row_pwd']),
+		...mapState(['user_infos', 'row_data', 'row_pwd','settings']),
 		update_time:function() {
 			return this.formatDateTime(new Date(parseInt(this.user_infos.update_time)));
 		},
@@ -118,6 +120,7 @@ export default {
 		init() {
 			// 刷新vuex
 			this.$store.replaceState(Object.assign(this.$store.state, JSON.parse(localStorage.getItem('storeState'))));
+			this.initLanguage()
 			// 判断页面类型
 			if(this.user_infos.has_login) {
 				// 已经登录
@@ -134,7 +137,17 @@ export default {
 			}
 			console.log('当前用户状态为'+ this.page_type)
 		},
-
+		
+		// 配置语言
+		initLanguage() {
+			if(this.settings.is_chinese) {
+				this.lang = lang().account.CHS
+			} else {
+				this.lang = lang().account.EN
+			}
+			console.log('语言配置完成')
+		},
+		
 		//返回上一页
 		back() {
 			this.$router.go(-1);
@@ -155,13 +168,13 @@ export default {
 			if(!(this.mail_addr = this.mail_addr.trim())) {
 				can_continue = false
 				this.mail_addr_verify = false
-				this.mail_addr_errmsg = 'Mail addr can not be none.'
+				this.mail_addr_errmsg = this.lang.mail_addr_errmsg[0]
 			} 
 			let reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/
 			if(!reg.test(this.mail_addr)) {
 				can_continue = false
 				this.mail_addr_verify = false
-				this.mail_addr_errmsg = 'Mail addr is invalid.'
+				this.mail_addr_errmsg = this.lang.mail_addr_errmsg[1]
 			}
 			// 处理password
 			if(!(this.password = this.password.trim())) {
@@ -186,7 +199,7 @@ export default {
 			}).catch(err => {
 				console.log(err)
 				this.login_loading = false
-				this.snakebar_msg = 'Sorry, network error'
+				this.snakebar_msg = this.lang.snakebar_msg[0]
 				this.show_snackbar = true
 			})
 		},
@@ -204,7 +217,7 @@ export default {
 				}
 				this.setUserInfo([user_infos, this]);
 				console.log('正常用户登录，用户信息覆写完成');
-				this.snakebar_msg = 'Congratulations! Login is successful!'
+				this.snakebar_msg = this.lang.snakebar_msg[1]
 				this.show_snackbar = true
 				this.page_type = 'account'
 			} else if(data.errcode == 107 || data.errcode == 108 || data.errcode == 105) {
@@ -218,18 +231,18 @@ export default {
 				}
 				this.setUserInfo([user_infos, this]);
 				console.log('用户注册成功，验证码已下发，用户信息覆写完成');
-				this.snakebar_msg = 'Congratulations! Please find the activation code in your email!'
+				this.snakebar_msg = this.lang.snakebar_msg[2]
 				this.show_snackbar = true
 				this.page_type = 'activation'
 			} else if (data.errcode == 106) {
 				this.password = ''
 				console.log('用户密码错误');
-				this.snakebar_msg = 'Sorry, the password is wrong, please re-enter'
+				this.snakebar_msg = this.lang.snakebar_msg[3]
 				this.show_snackbar = true
 			} else {
 				console.log('请求出错');
 				console.log(data)
-				this.snakebar_msg = 'Sorry, network error. errcode:' + data.errcode
+				this.snakebar_msg = this.lang.snakebar_msg[4] + data.errcode
 				this.show_snackbar = true
 			}
 			this.login_loading = false
@@ -261,7 +274,7 @@ export default {
 			}).catch(err => {
 				console.log(err)
 				this.activation_loading = false
-				this.snakebar_msg = 'Sorry, network error'
+				this.snakebar_msg = this.lang.snakebar_msg[0]
 				this.show_snackbar = true
 			})
 		},
@@ -279,7 +292,7 @@ export default {
 				}
 				this.setUserInfo([user_infos, this]);
 				console.log('验证成功，用户信息覆写完成');
-				this.snakebar_msg = 'Congratulations! Activation is successful!'
+				this.snakebar_msg = this.lang.snakebar_msg[5]
 				this.show_snackbar = true
 				this.page_type = 'account'
 			} else if(data.errcode == 401 || data.errcode == 404 || data.errcode == 407) {
@@ -287,12 +300,12 @@ export default {
 				this.activation_code = ''
 				console.log('验证码错误');
 				console.log(data)
-				this.snakebar_msg = 'Sorry, the activation is wrong, please re-enter'
+				this.snakebar_msg = this.lang.snakebar_msg[6]
 				this.show_snackbar = true
 			} else {
 				console.log('请求出错');
 				console.log(data)
-				this.snakebar_msg = 'Sorry, network error. errcode:' + data.errcode
+				this.snakebar_msg = this.lang.snakebar_msg[4] + data.errcode
 				this.show_snackbar = true
 			}
 			this.activation_loading = false
@@ -329,13 +342,13 @@ export default {
 					// 获取成功
 					this.setRowData([res.data.codebook, this])
 					console.log('数据获取成功，密码本覆写成功')
-					this.snakebar_msg = 'Congratulations! Local data update completed!'
+					this.snakebar_msg = this.lang.snakebar_msg[7]
 					this.show_snackbar = true
 				} else {
 					// 获取失败
 					console.log('数据获取失败')
 					console.log(res.data)
-					this.snakebar_msg = 'Sorry, network error. errcode:' + res.data.errcode
+					this.snakebar_msg = this.lang.snakebar_msg[4] + res.data.errcode
 					this.show_snackbar = true
 				}
 				setTimeout(function(){
@@ -344,7 +357,7 @@ export default {
 			}).catch(err => {
 				console.log(err)
 				this.sync_local_loading = false
-				this.snakebar_msg = 'Sorry, network error'
+				this.snakebar_msg = this.lang.snakebar_msg[0]
 				this.show_snackbar = true
 			})
 		},
@@ -366,13 +379,13 @@ export default {
 					user_infos.update_time = res.data.update_time
 					this.setUserInfo([user_infos, this]);
 					console.log('数据获取成功，用户信息覆写成功')
-					this.snakebar_msg = 'Congratulations! Cloud data update completed!'
+					this.snakebar_msg = this.lang.snakebar_msg[8]
 					this.show_snackbar = true
 				} else {
 					// 获取失败
 					console.log('数据获取失败')
 					console.log(res.data)
-					this.snakebar_msg = 'Sorry, network error. errcode:' + res.data.errcode
+					this.snakebar_msg = this.lang.snakebar_msg[4] + res.data.errcode
 					this.show_snackbar = true
 				}
 				setTimeout(function(){
@@ -381,7 +394,7 @@ export default {
 			}).catch(err => {
 				console.log(err)
 				this.sync_cloud_loading = false
-				this.snakebar_msg = 'Sorry, network error'
+				this.snakebar_msg = this.lang.snakebar_msg[0]
 				this.show_snackbar = true
 			})
 		},
@@ -402,6 +415,8 @@ export default {
 		
 	},
 	created() {
+		this.lang = lang().account.CHS
+		console.log('临时语言系统加载完成')
 		this.init()
 	},
 	mounted() {},
diff --git a/src/views/Add/Add.vue b/src/views/Add/Add.vue
index 653873f..2045c10 100644
--- a/src/views/Add/Add.vue
+++ b/src/views/Add/Add.vue
@@ -4,40 +4,40 @@
 			<md-app-toolbar class="md-primary toolbar">
 				<div class="md-toolbar-section-start">
 					<md-button class="md-icon-button" @click="back()"><md-icon>arrow_back</md-icon></md-button>
-					<h3 class="md-title" style="flex: 1">{{id_cache?'Edit':'Add New Code'}}</h3>
+					<h3 class="md-title" style="flex: 1">{{id_cache?lang.title[1]:lang.title[0]}}</h3>
 				</div>
 			</md-app-toolbar>
 
 			<md-app-content>
 				<md-field :class="title_verify? '':'md-invalid'">
-					<label>Code Title</label>
+					<label>{{lang.subheader[0]}}</label>
 					<md-input v-model="title" required></md-input>
-					<span class="md-error">Title can not be none.</span>
+					<span class="md-error">{{lang.empty_error[0]}}</span>
 				</md-field>
 
 				<md-field :class="user_name_verify? '':'md-invalid'">
-					<label>Username</label>
+					<label>{{lang.subheader[1]}}</label>
 					<md-input v-model="user_name" required></md-input>
-					<span class="md-error">Username can not be none.</span>
+					<span class="md-error">{{lang.empty_error[1]}}</span>
 				</md-field>
 
 				<md-field :class="password_verify? '':'md-invalid'">
-					<label>Password</label>
+					<label>{{lang.subheader[2]}}</label>
 					<md-input v-model="password" required></md-input>
-					<span class="md-error">Password can not be none.</span>
+					<span class="md-error">{{lang.empty_error[2]}}</span>
 				</md-field>
 
 				<md-field>
-					<label>Web address</label>
+					<label>{{lang.subheader[3]}}</label>
 					<md-input v-model="web_address"></md-input>
 				</md-field>
 
 				<md-field>
-					<label>Node</label>
+					<label>{{lang.subheader[4]}}</label>
 					<md-textarea v-model="node"></md-textarea>
 				</md-field>
 
-				<md-button class="md-raised md-primary expand" @click="judgeContent()">Enter</md-button>
+				<md-button class="md-raised md-primary expand" @click="judgeContent()">{{lang.enter}}</md-button>
 			</md-app-content>
 		</md-app>
 	</div>
@@ -47,6 +47,7 @@
 // @ is an alias to /src
 import { mapState, mapActions } from 'vuex';
 import { encrypt, decrypt, encryptMainCode, decryptMainCode } from '@/utils/aes.js';
+import { lang } from '@/utils/language.js'
 
 export default {
 	name: 'Add',
@@ -61,7 +62,8 @@ export default {
 			open_count_cache:'',
 			title_verify: true,
 			user_name_verify: true,
-			password_verify: true
+			password_verify: true,
+			lang:''
 		};
 	},
 	computed: {
@@ -81,6 +83,7 @@ export default {
 				if (now - this.row_pwd.create_time < this.settings.expired_time) {
 					// 上次写入时间距离现在在（默认五分钟）之内
 					// 判断是否是更新
+					this.initLanguage()
 					if (this.$route.params.modify_content) {
 						// 刷新重置数据
 						let content = this.$route.params.modify_content
@@ -103,6 +106,16 @@ export default {
 			}
 		},
 		
+		// 配置语言
+		initLanguage() {
+			if(this.settings.is_chinese) {
+				this.lang = lang().add.CHS
+			} else {
+				this.lang = lang().add.EN
+			}
+			console.log('语言配置完成')
+		},
+		
 		// 对输入框里边的内容进行判断
 		judgeContent() {
 			// 设置flag
@@ -222,6 +235,8 @@ export default {
 		}
 	},
 	created() {
+		this.lang = lang().add.CHS
+		console.log('临时语言系统加载完成')
 		this.init()
 	},
 	mounted() {},
diff --git a/src/views/Detail/Detail.vue b/src/views/Detail/Detail.vue
index 642ba39..9e94fb1 100644
--- a/src/views/Detail/Detail.vue
+++ b/src/views/Detail/Detail.vue
@@ -15,14 +15,14 @@
 			<md-app-content>
 				<md-list class="md-double-line">
 					<md-list-item>
-						<label class="md-caption">Username</label>
+						<label class="md-caption">{{lang.label[0]}}</label>
 						<div class="msg-box">
 							<p>{{content.user_name}}</p>
 							<md-button class="md-icon-button" v-clipboard:copy="content.user_name" v-clipboard:success="onCopyUrl" v-clipboard:error="onErrorUrl"><icon class="icon" name="file_copy"></icon></md-button>
 						</div>
 					</md-list-item>
 					<md-list-item>
-						<label class="md-caption">Password</label>
+						<label class="md-caption">{{lang.label[1]}}</label>
 						<div class="msg-box">
 							<p class="password">{{show_password? content.password : doitPassword}}</p>
 							<md-button class="md-icon-button" @click="show_password = !show_password"><md-icon>remove_red_eye</md-icon></md-button>
@@ -30,25 +30,25 @@
 						</div>
 					</md-list-item>
 					<md-list-item>
-						<label class="md-caption">Web address</label>
+						<label class="md-caption">{{lang.label[2]}}</label>
 						<div class="msg-box">
-							<p>{{content.web_address? content.web_address : 'Empty'}}</p>
+							<p>{{content.web_address? content.web_address : lang.empty_placeholder}}</p>
 							<md-button class="md-icon-button" @click="openUrl()"><md-icon>open_in_new</md-icon></md-button>
 						</div>
 					</md-list-item>
 					<md-list-item>
-						<label class="md-caption">Node</label>
+						<label class="md-caption">{{lang.label[3]}}</label>
 						<div class="msg-box">
-							<p class="node">{{content.node ? content.node : 'Empty'}}</p>
+							<p class="node">{{content.node ? content.node : lang.empty_placeholder}}</p>
 						</div>
 					</md-list-item>
 				</md-list>
 				<md-dialog-confirm
 					:md-active.sync="show_dialog"
-					md-title="Delete this password?"
-					md-content="This operation cannot be resumed. Are you sure to continue?"
-					md-confirm-text="Continue"
-					md-cancel-text="Cancel"
+					:md-title="lang.dialog.title"
+					:md-content="lang.dialog.content"
+					:md-confirm-text="lang.dialog.confirm"
+					:md-cancel-text="lang.dialog.cancel"
 					@md-cancel="onCancel"
 					@md-confirm="delCode"
 				/>
@@ -64,6 +64,7 @@
 // @ is an alias to /src
 import { mapState, mapActions } from 'vuex';
 import { encrypt, decrypt, encryptMainCode, decryptMainCode } from '@/utils/aes.js';
+import { lang } from '@/utils/language.js'
 
 export default {
 	name: 'Add',
@@ -73,7 +74,8 @@ export default {
 			snakebar_msg: '',
 			content: {},
 			show_password: false,
-			show_dialog: false
+			show_dialog: false,
+			lang:''
 		};
 	},
 	computed: {
@@ -104,6 +106,7 @@ export default {
 					if (now - this.row_pwd.create_time < this.settings.expired_time) {
 						// 上次写入时间距离现在在（默认五分钟）之内
 						// 刷新重置数据
+						this.initLanguage()
 						this.content = this.$route.params.code_content
 						this.addCount()
 					} else {
@@ -120,6 +123,15 @@ export default {
 			}
 		},
 		
+		// 配置语言
+		initLanguage() {
+			if(this.settings.is_chinese) {
+				this.lang = lang().detail.CHS
+			} else {
+				this.lang = lang().detail.EN
+			}
+			console.log('语言配置完成')
+		},
 		
 		//返回上一页
 		back() {
@@ -139,13 +151,13 @@ export default {
 		
 		// 复制成功
 		onCopyUrl(e) {
-			this.snakebar_msg = 'Copy successful';
+			this.snakebar_msg = this.lang.copy.successful;
 			this.show_snackbar = true;
 		},
 		
 		// 复制失败
 		onErrorUrl(e) {
-			this.snakebar_msg = 'Failed to copy, but failed in some cases. Try to paste';
+			this.snakebar_msg = this.lang.copy.failed;
 			this.show_snackbar = true;
 		},
 		
@@ -154,7 +166,7 @@ export default {
 			if(this.content.web_address) {
 				window.open(this.content.web_address)
 			} else {
-				this.snakebar_msg = 'Web address is empty.';
+				this.snakebar_msg = this.lang.snakebar_msg_empty;
 				this.show_snackbar = true;
 			}
 		},
@@ -213,6 +225,8 @@ export default {
 		}
 	},
 	created() {
+		this.lang = lang().detail.CHS
+		console.log('临时语言系统加载完成')
 		this.init()
 	},
 	mounted() {},
diff --git a/src/views/Home/Home.vue b/src/views/Home/Home.vue
index c783510..ec83ab9 100644
--- a/src/views/Home/Home.vue
+++ b/src/views/Home/Home.vue
@@ -4,20 +4,20 @@
 			<md-app-toolbar class="md-primary">
 				<div class="md-toolbar-section-start">
 					<md-button class="md-icon-button" @click="menuVisible = !menuVisible"><md-icon>menu</md-icon></md-button>
-					<span class="md-title">Codebook</span>
+					<span class="md-title">{{lang.title}}</span>
 				</div>
 				<div class="md-toolbar-section-end">
 					<md-button class="md-icon-button" @click="turnToSearch()"><md-icon>search</md-icon></md-button>
 					<md-menu md-align-trigger>
 						<md-button md-menu-trigger class="md-icon-button"><md-icon>more_vert</md-icon></md-button>
 						<md-menu-content>
-							<md-menu-item @click="changeSortType('Alphabetically')">Alphabetically</md-menu-item>
-							<md-menu-item @click="changeSortType('Recently Used')">Recently Used</md-menu-item>
+							<md-menu-item @click="changeSortType('Alphabetically')">{{lang.menu[0]}}</md-menu-item>
+							<md-menu-item @click="changeSortType('Recently Used')">{{lang.menu[1]}}</md-menu-item>
 						</md-menu-content>
 					</md-menu>
 				</div>
 				<div class="md-toolbar-row" v-if="search_start">
-					<md-autocomplete class="search" v-model="search_content" :md-options="titles" md-layout="box"><label>Search...</label></md-autocomplete>
+					<md-autocomplete class="search" v-model="search_content" :md-options="titles" md-layout="box"><label>{{lang.search}}</label></md-autocomplete>
 				</div>
 			</md-app-toolbar>
 			
@@ -31,7 +31,7 @@
 				<md-list>
 					<md-list-item @click="turnToPage('/account')">
 						<md-icon>person</md-icon>
-						<span class="md-list-item-text">Account</span>
+						<span class="md-list-item-text">{{lang.drawer[0]}}</span>
 					</md-list-item>
 
 <!-- 					<md-list-item @click="turnToPage('/faq')">
@@ -46,22 +46,22 @@
 
 					<md-list-item @click="turnToPage('/settings')">
 						<md-icon>settings</md-icon>
-						<span class="md-list-item-text">Settings</span>
+						<span class="md-list-item-text">{{lang.drawer[1]}}</span>
 					</md-list-item>
 
 					<md-list-item v-clipboard:copy="web_addr" v-clipboard:success="onCopyUrl" v-clipboard:error="onErrorUrl">
 						<md-icon>reply</md-icon>
-						<span class="md-list-item-text">Share</span>
+						<span class="md-list-item-text">{{lang.drawer[2]}}</span>
 					</md-list-item>
 					
 					<md-list-item @click="downloadApk()">
 						<md-icon>file_download</md-icon>
-						<span class="md-list-item-text">Download apk</span>
+						<span class="md-list-item-text">{{lang.drawer[3]}}</span>
 					</md-list-item>
 
 					<md-list-item @click="turnToUnlock('用户点击锁定')">
 						<md-icon>beenhere</md-icon>
-						<span class="md-list-item-text">Lock Now</span>
+						<span class="md-list-item-text">{{lang.drawer[4]}}</span>
 					</md-list-item>
 				</md-list>
 			</md-app-drawer>
@@ -70,11 +70,11 @@
 				<div  ref='list_placeholder' :style="`height:${search_start? '86':'40'}px`"></div>
 				<md-empty-state
 					md-icon="devices_other"
-					md-label="Create your first code"
-					md-description="Creating code, you'll be able to upload your information to the server and save it."
+					:md-label="lang.empty_state.label"
+					:md-description="lang.empty_state.description"
 					v-if="show_list.length == 0"
 				>
-					<md-button class="md-primary md-raised" @click="turnToAdd()">Create first code</md-button>
+					<md-button class="md-primary md-raised" @click="turnToAdd()">{{lang.empty_state.button}}</md-button>
 				</md-empty-state>
 
 				<div class="code-card" v-for="(code, index) in show_list" :key="index" @click="turnToDetail(code)">
@@ -97,6 +97,7 @@
 // @ is an alias to /src
 import { mapState, mapActions } from 'vuex';
 import { encrypt, decrypt, encryptMainCode, decryptMainCode } from '@/utils/aes.js';
+import { lang } from '@/utils/language.js'
 export default {
 	name: 'Home',
 	data() {
@@ -115,7 +116,8 @@ export default {
 			web_addr: 'https://ccb.canary.moe',
 			titles: [],
 			search_content: '',
-			search_start: false
+			search_start: false,
+			lang: ''
 		};
 	},
 	computed: {
@@ -207,14 +209,23 @@ export default {
 		
 		// 初始化配置信息
 		initSettings(){
-			if (Object.keys(this.settings).length == 0) {
+			if (Object.keys(this.settings).length == 0 ) {
 				// 初始化配置信息
 				let settings = {
-					expired_time: 1000 * 60 * 5, // 5分钟
+					is_chinese: true,
+					is_dark_mode: false,
+					expired_time: 300000 // 5分钟
 				};
 				this.setSettings([settings, this]);
 				console.log('配置信息覆写完成');
 			}
+				
+			if(this.settings.is_chinese) {
+				this.lang = lang().home.CHS
+			} else {
+				this.lang = lang().home.EN
+			}
+			console.log('语言配置完成')
 			console.log('配置信息初始化完成');
 		},
 
@@ -239,17 +250,8 @@ export default {
 		turnToUnlock(type) {
 			console.log(type);
 			this.setRowPwd(['', this]);
-			// let main_code = '10aeff';
-			// let main_code_aes = encryptMainCode(main_code);
-			// let row_pwd = {
-			// 	main_code: main_code_aes,
-			// 	create_time: new Date().getTime()
-			// };
-			// this.setRowPwd([row_pwd, this]);
-			// console.log('主密码设置完成，返回init');
-			// this.init();
-			if (type == '密码超时') this.$router.push({ name: 'Unlock', params: { msg: 'Password validity period has expired, please re-enter.' } });
-			if (type == '密码错误') this.$router.push({ name: 'Unlock', params: { msg: 'Wrong password, please re-enter.' } });
+			if (type == '密码超时') this.$router.push({ name: 'Unlock', params: { msg: this.lang.unlock_msg.expired } });
+			if (type == '密码错误') this.$router.push({ name: 'Unlock', params: { msg: this.lang.unlock_msg.wrong } });
 			else this.$router.push('/unlock');
 		},
 
@@ -284,13 +286,13 @@ export default {
 
 		// 复制成功
 		onCopyUrl(e) {
-			this.snakebar_msg = 'Copy successful';
+			this.snakebar_msg = this.lang.copy.successful;
 			this.show_snackbar = true;
 		},
 
 		// 复制失败
 		onErrorUrl(e) {
-			this.snakebar_msg = 'Failed to copy, but failed in some cases. Try to paste';
+			this.snakebar_msg = this.lang.copy.failed;
 			this.show_snackbar = true;
 		},
 		
@@ -334,9 +336,8 @@ export default {
 		}
 	},
 	created() {
-		// 重置row_pwd
-		// this.setRowPwd(['', this])
-		// this.setUserInfo(['', this])
+		this.lang = lang().home.CHS
+		console.log('临时语言系统加载完成')
 		this.init();
 	},
 	mounted() {
diff --git a/src/views/Settings/Settings.vue b/src/views/Settings/Settings.vue
index c966a10..fb63837 100644
--- a/src/views/Settings/Settings.vue
+++ b/src/views/Settings/Settings.vue
@@ -4,58 +4,59 @@
 			<md-app-toolbar class="md-primary toolbar">
 				<div class="md-toolbar-section-start">
 					<md-button class="md-icon-button" @click="back()"><md-icon>arrow_back</md-icon></md-button>
-					<h3 class="md-title" style="flex: 1">Settings</h3>
+					<h3 class="md-title" style="flex: 1">{{lang.title}}</h3>
 				</div>
 			</md-app-toolbar>
 
 			<md-app-content>
 				<md-list>
-					<md-subheader class="md-primary">Reset</md-subheader>
+					<md-subheader class="md-primary">{{lang.subheader[0]}}</md-subheader>
 					<md-list-item @click="resetAccount()">
 						<md-icon>person</md-icon>
-						<span class="md-list-item-text">Account</span>
+						<span class="md-list-item-text">{{lang.reset_list[0]}}</span>
 						<md-progress-spinner v-if="account_loading" :md-diameter="22" :md-stroke="3" md-mode="indeterminate"></md-progress-spinner>
 					</md-list-item>
 
 					<md-list-item @click="resetCodebook()">
 						<md-icon>format_align_left</md-icon>
-						<span class="md-list-item-text">Codebook</span>
+						<span class="md-list-item-text">{{lang.reset_list[1]}}</span>
 						<md-progress-spinner v-if="codebook_loading" :md-diameter="22" :md-stroke="3" md-mode="indeterminate"></md-progress-spinner>
 					</md-list-item>
 
 					<md-list-item @click="resetApplication()">
 						<md-icon>layers</md-icon>
-						<span class="md-list-item-text">Application</span>
+						<span class="md-list-item-text">{{lang.reset_list[2]}}</span>
 						<md-progress-spinner v-if="application_loading" :md-diameter="22" :md-stroke="3" md-mode="indeterminate"></md-progress-spinner>
 					</md-list-item>
 
 					<md-list-item @click="open_dialog">
 						<md-icon>vpn_key</md-icon>
-						<span class="md-list-item-text">Main password</span>
+						<span class="md-list-item-text">{{lang.reset_list[3]}}</span>
 					</md-list-item>
 
 					<md-divider></md-divider>
 
-					<md-subheader class="md-primary">settings</md-subheader>
+					<md-subheader class="md-primary">{{lang.subheader[1]}}</md-subheader>
 					<md-list-item>
 						<md-icon>format_color_text</md-icon>
-						<span class="md-list-item-text">Language</span>
-						<md-switch v-model="is_chinese" class="md-primary" disabled></md-switch>
+						<span class="md-list-item-text">{{lang.option_list[0]}}</span>
+						<md-switch v-model="is_chinese" class="md-primary"></md-switch>
 					</md-list-item>
 					<md-list-item>
 						<md-icon>brightness_6</md-icon>
-						<span class="md-list-item-text">Dark mode</span>
+						<span class="md-list-item-text">{{lang.option_list[1]}}</span>
 						<md-switch v-model="is_dark_mode" class="md-primary" disabled></md-switch>
 					</md-list-item>
 
 					<md-list-item>
 						<md-icon>update</md-icon>
 						<md-field>
-							<label for="expired_time">Expired time</label>
+							<label for="expired_time">{{lang.option_list[2]}}</label>
 							<md-select v-model="expired_time" name="expired_time" id="expired_time">
 								<md-option value="300000">5 min</md-option>
 								<md-option value="600000">10 min</md-option>
 								<md-option value="900000">15 min</md-option>
+								<md-option :value="Number.MAX_SAFE_INTEGER">{{lang.expired_time}}</md-option>
 							</md-select>
 						</md-field>
 					</md-list-item>
@@ -64,10 +65,11 @@
 				<md-dialog-prompt
 					:md-active.sync="reset_main_pwd_active"
 					v-model="new_main_pwd"
-					md-title="Enter new password"
+					:md-title="lang.dialog.title"
 					md-input-maxlength="30"
-					md-input-placeholder="Enter here..."
-					md-confirm-text="Done"
+					:md-input-placeholder="lang.dialog.placeholder"
+					:md-confirm-text="lang.dialog.confirm"
+					:md-cancel-text="lang.dialog.cancel"
 					@md-confirm="resetPwd"
 				/>
 
@@ -84,6 +86,7 @@
 import { mapState, mapActions } from 'vuex';
 import { encrypt, decrypt, encryptMainCode, decryptMainCode } from '@/utils/aes.js';
 import { login, activation, syncLocal, syncCloud } from '@/axios/api.js';
+import { lang } from '@/utils/language.js'
 
 export default {
 	name: 'Add',
@@ -105,7 +108,8 @@ export default {
 			show_snackbar: false,
 			snakebar_msg: '',
 			// 初始化完成状态
-			has_init: false
+			has_init: false,
+			lang: ''
 		};
 	},
 	computed: {
@@ -128,6 +132,7 @@ export default {
 					this.is_chinese = this.settings.is_chinese;
 					this.is_dark_mode = this.settings.is_dark_mode;
 					this.expired_time = this.settings.expired_time;
+					this.initLanguage()
 					// 设置flag
 					setTimeout(
 						function() {
@@ -145,6 +150,16 @@ export default {
 				this.turnToHome('无密码');
 			}
 		},
+		
+		// 配置语言
+		initLanguage() {
+			if(this.settings.is_chinese) {
+				this.lang = lang().settings.CHS
+			} else {
+				this.lang = lang().settings.EN
+			}
+			console.log('语言配置完成')
+		},
 
 		//返回上一页
 		back() {
@@ -169,7 +184,7 @@ export default {
 				setTimeout(
 					function() {
 						this.account_loading = false;
-						this.snakebar_msg = 'Congratulations! Reset account completed!';
+						this.snakebar_msg = this.lang.snakebar_msg.reset_account;
 						this.show_snackbar = true;
 					}.bind(this),
 					1000
@@ -195,7 +210,7 @@ export default {
 				setTimeout(
 					function() {
 						this.codebook_loading = false;
-						this.snakebar_msg = 'Congratulations! Reset codebook completed!';
+						this.snakebar_msg = this.lang.snakebar_msg.reset_codebook;
 						this.show_snackbar = true;
 					}.bind(this),
 					1000
@@ -215,7 +230,7 @@ export default {
 			this.setRowPwd(['', this]);
 			console.log('主密码覆写完成');
 			let settings = {
-				is_chinese: false,
+				is_chinese: true,
 				is_dark_mode: false,
 				expired_time: 300000
 			};
@@ -235,7 +250,13 @@ export default {
 			};
 			this.setSettings([settings, this]);
 			console.log('个性化设置覆写完成');
-			this.snakebar_msg = 'Congratulations! Reset settings completed!';
+			if(this.settings.is_chinese) {
+				this.lang = lang().settings.CHS
+			} else {
+				this.lang = lang().settings.EN
+			}
+			console.log('语言配置完成')
+			this.snakebar_msg = this.lang.snakebar_msg.reset_settings;
 			this.show_snackbar = true;
 		},
 		
@@ -246,7 +267,7 @@ export default {
 		resetPwd(new_main_pwd) {
 			// 空内容拦截器
 			if(!new_main_pwd.trim()) {
-				this.snakebar_msg = 'Password can not be none.';
+				this.snakebar_msg = this.lang.snakebar_msg.reset_pwd_failed;
 				this.show_snackbar = true;
 			}
 			let main_code_aes = encryptMainCode(new_main_pwd);
@@ -255,11 +276,13 @@ export default {
 				create_time: new Date().getTime()
 			};
 			this.setRowPwd([row_pwd, this]);
-			this.snakebar_msg = 'Congratulations! New password set up successfully!';
+			this.snakebar_msg = this.lang.snakebar_msg.reset_pwd_successful;
 			this.show_snackbar = true;
 		}
 	},
 	created() {
+		this.lang = lang().settings.CHS
+		console.log('临时语言系统加载完成')
 		this.init();
 	},
 	mounted() {},
diff --git a/src/views/Unlock/Unlock.vue b/src/views/Unlock/Unlock.vue
index 1ff5a03..e722cc4 100644
--- a/src/views/Unlock/Unlock.vue
+++ b/src/views/Unlock/Unlock.vue
@@ -1,33 +1,33 @@
 <template>
 	<div class="unlock">
 		<md-toolbar class="md-primary">
-			<h3 class="md-title" style="flex: 1">{{ is_create ? 'Create Password' : 'Unlock' }}</h3>
+			<h3 class="md-title" style="flex: 1">{{ is_create ? lang.title[0] : lang.title[1] }}</h3>
 		</md-toolbar>
 
 		<icon class="logo" name="canary"></icon>
 
-		<p class="md-title center">{{ is_create ? 'Create New Password' : 'Unlock Canary Codebook' }}</p>
+		<p class="md-title center">{{ is_create ? lang.subheader[0] : lang.subheader[1] }}</p>
 
 		<md-field class="input-box" :class="messageClass">
-			<label>{{ is_create ? 'New Password' : 'Unlock Password' }}</label>
+			<label>{{ is_create ? lang.pwd_label[0] : lang.pwd_label[1] }}</label>
 			<md-input v-model="pwd" type="password"></md-input>
 			<span class="md-error">{{ err_msg }}</span>
 		</md-field>
 
 		<md-field class="input-box" :class="messageClass" v-if="is_create">
-			<label>Repeat Password</label>
+			<label>{{lang.repeat_pwd}}</label>
 			<md-input v-model="repeat" type="password"></md-input>
 			<span class="md-error">{{ err_msg }}</span>
 		</md-field>
 
-		<md-button class="md-raised md-primary center" @click="judgePwd()">Enter</md-button>
+		<md-button class="md-raised md-primary center" @click="judgePwd()">{{lang.enter}}</md-button>
 
 		<md-dialog-confirm
 			:md-active.sync="show_dialog"
-			md-title="Confirm you new password?"
-			md-content="The password will not be modified after submission, please make sure you don’t tell anyone this password."
-			md-confirm-text="Agree"
-			md-cancel-text="Disagree"
+			:md-title="lang.dialog.title"
+			:md-content="lang.dialog.content"
+			:md-confirm-text="lang.dialog.confirm"
+			:md-cancel-text="lang.dialog.cancel"
 			@md-cancel="onCancel"
 			@md-confirm="submit"
 		/>
@@ -42,6 +42,7 @@
 // @ is an alias to /src
 import { mapState, mapActions } from 'vuex';
 import { encrypt, decrypt, encryptMainCode, decryptMainCode } from '@/utils/aes.js';
+import { lang } from '@/utils/language.js'
 
 export default {
 	name: 'Unlock',
@@ -54,11 +55,12 @@ export default {
 			show_dialog: false,
 			is_create: false,
 			show_snackbar: false,
-			snakebar_msg: ''
+			snakebar_msg: '',
+			lang:''
 		};
 	},
 	computed: {
-		...mapState(['row_data']),
+		...mapState(['row_data','settings']),
 		messageClass() {
 			return {
 				'md-invalid': this.is_err
@@ -72,16 +74,27 @@ export default {
 		init() {
 			// 刷新vuex
 			this.$store.replaceState(Object.assign(this.$store.state, JSON.parse(localStorage.getItem('storeState'))));
+			this.initLanguage()
 			// 判断是创建密码还是输入密码
 			this.is_create = this.row_data ? false : true;
 		},
-
+		
+		// 配置语言
+		initLanguage() {
+			if(this.settings.is_chinese) {
+				this.lang = lang().unlock.CHS
+			} else {
+				this.lang = lang().unlock.EN
+			}
+			console.log('语言配置完成')
+		},
+		
 		// 点击提交判断密码
 		judgePwd() {
 			// 空密码拦截器
 			if (this.pwd.trim().length == 0) {
 				this.is_err = true;
-				this.err_msg = 'Password can not be none';
+				this.err_msg = this.lang.empty_pwd_error;
 				console.log('密码为空拦截');
 				return;
 			}
@@ -96,7 +109,7 @@ export default {
 				} else {
 					// 错误
 					this.is_err = true;
-					this.err_msg = 'Wrong password';
+					this.err_msg = this.lang.wrong_pwd_error;
 					console.log('密码输入错误拦截');
 				}
 			} else {
@@ -107,7 +120,7 @@ export default {
 				} else {
 					// 两次不一致
 					this.is_err = true;
-					this.err_msg = 'The two passwords do not match';
+					this.err_msg = this.lang.match_pwd_error;
 					console.log('密码两次输入不一致拦截');
 				}
 			}
@@ -131,6 +144,8 @@ export default {
 		}
 	},
 	created() {
+		this.lang = lang().unlock.CHS
+		console.log('临时语言系统加载完成')
 		this.init();
 	},
 	mounted() {