0929

.project

+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>doorlock</name>
+	<comment></comment>
+	<projects>
+	</projects>
+	<buildSpec>
+		<buildCommand>
+			<name>com.aptana.ide.core.unifiedBuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+	</buildSpec>
+	<natures>
+		<nature>com.aptana.projects.webnature</nature>
+	</natures>
+</projectDescription>

dev/src/lang/zh.json

@@ -34,6 +34,7 @@
         "remoteOpendoor": "远程开门",
         "hijackRecord": "劫持记录",
         "doorlockManage": "门锁管理",
+        "doorlockUsers": "门锁用户",
         "editName": "修改名称",
         "qrcode": "生成绑定二维码",
         "addDevice": "添加设备",
@@ -191,6 +192,18 @@
         "id": "指纹ID:<span>{0}</span>密码ID:<span>{1}</span>IC卡ID:<span>{2}</span>",
         "noUserTip": "暂无用户"
     },
+    "myInfo":{
+    	"editNickname": "修改昵称",
+    	"editPassword": "修改密码"
+    },
+    "editNickname": {
+    	"nickNameInputTip": "请输入昵称"
+    },
+    "editPassword": {
+    	"newPasswordInputTip": "请输入新密码",
+    	"oldPasswordInputTip": "请输入旧密码",
+    	"oldPasswordInputTipAgain": "请再次输入旧密码"
+    },
     "commstatusLoading":{
         "connectSuccess": "Wi-Fi连接成功，正在绑定...",
         "bindSuccess": "绑定成功",

dev/src/view/device/v_index.js

@@ -187,6 +187,10 @@ function init() {
             setUuid(){
             	this.uuid = id;
             },
+            //tap 个人信息
+            onMyInfoTap(){
+            	myInfoTap();
+            },
             //tap 门锁管理
             onDoorlockManageTap(){
                 doorlockManageTap();
@@ -342,6 +346,14 @@ function getNewOpenDoorRecord(self){
 	});
 }
 
+//tap 个人信息
+function myInfoTap(){
+	iot.navigator.openWindow({
+        url: '../myInfo/',
+        id: 'myInfo'
+    });
+}
+
 //tap 门锁管理
 function doorlockManageTap(){
     iot.navigator.openWindow({
@@ -374,6 +386,10 @@ function securityAlarmTap(self){
 
 //tap 门锁用户
 function doorlockUserTap(){
+	iot.navigator.openWindow({
+        url: '../doorlockUsers/',
+        id: 'doorlockUsers',
+    });
 }
 
 //tap 远程开门

dev/src/view/doorlockUsers/v_index.js

+/**
+* v_index.js
+* Version: 0.1
+* User: zjx
+* Date: 2017-09-29
+* Copyright(c)  2017. U-GEN Tech.Co,Ltd. All Rights Reserved.
+* 门锁用户
+*/
+import config from '../../public/config.js';
+import {iot, uPublic, uComponents} from '../../public/public.js';
+
+iot.ready(init);
+function init() {
+    //通用 图片轮播、跑马灯、开关、按钮、dialog、loading组件
+    uPublic.componentsInit(['u-swipe-list','u-dialog','u-loading']);
+    const app = new Vue({
+        data:{ 
+        	//用户列表
+        	userList: [],
+        	userListIndex: null,
+        	loadShowFlag: false,
+        	loadFlag: false,
+        	loadText: 'loading',
+        	pagesize: 10,
+        	tip: '无数据'
+        },
+        mounted(){
+        	this.userList = [{value: 1, role: 0, image: '../../resources/image/green_head_icon.png', title: '我是用户', subtitle: "昵称： MM"},
+        	{value: 1, role: 1, image: '../../resources/image/green_head_icon.png', title: '我是用户', subtitle: "昵称： MM"}]
+        },
+        methods:{
+        	onBackTap(){
+        		backTap();
+        	},
+        	onUserTap(){
+        		addUser();
+        	},
+        	setLoadShowFlag(number){
+                this.loadShowFlag = (number >= this.pagesize);
+            },
+            onSwipeLeftRow(index){
+                swipeLeftRow(this, index);
+            },
+            onSwipeRightRow(){
+                swipeRightRow(this);
+            },
+        	onTapLoad(){
+        		tapLoad();
+        	},
+        	onTapUserList(index){
+        		onTapUserList(this, index);
+        	},
+        	onTapButton(buttonIndex){
+        		tapButton(buttonIndex);
+        	},
+        	changeUserList(list){
+                changeUserList(this, list);
+            }
+		}
+          
+    }).$mount('#app');
+}
+
+//返回上一页
+function backTap(){
+	iot.navigator.back();
+}
+
+//添加用户
+function addUser(){
+//	iot.navigator.openWindow({
+//      url: '../doorlockUsers/addUser',
+//      id: 'addUser',
+//  });
+}
+
+// 向左滑动用户列表，修改用户列表下标
+function swipeLeftRow(self, index) {
+	self.userListIndex = index;
+}
+// 向右滑动用户列表，修改用户列表下标
+function swipeRightRow(self) {
+	self.userListIndex = null;
+}
+// 点击组件列表 通知事件和当前点击列表下标
+function onTapUserList(self, listIndex) {
+ 	if (self.userListIndex != null) {
+        self.userListIndex = null;
+    }
+}
+//点击加载更多
+function tapLoad(){
+	if (!self.loadFlag) {
+        self.loadText = 'loading';
+        self.loadFlag = true;
+        //再次发送获取用户列表请求
+    }
+}
+
+//点击按钮
+function tapButton(buttonIndex){
+	console.log(buttonIndex);
+}
+
+// 修改userList列表
+function changeUserList(self, list) {
+    self.setLoadShowFlag(list.length - self.swipeList.length);
+    self.userList = list;
+    self.$nextTick(function () {
+        self.loadText = '点击加载更多';
+        self.loadFlag = false;
+    });
+}
\ No newline at end of file

dev/src/view/myInfo/v_editNickname.js

+/**
+* v_editNickname.js
+* Version: 0.1
+* User: zjx
+* Date: 2017-09-29
+* Copyright(c)  2017. U-GEN Tech.Co,Ltd. All Rights Reserved.
+* 引导页面
+*/
+
+import {iot, uPublic, uComponents} from '../../public/public.js';
+
+iot.ready(init);
+function init() {
+    //通用 dialog、loading组件
+    uPublic.componentsInit(['u-dialog','u-loading','u-text']);
+    const app = new Vue({
+        data:{          
+            //配置组件
+            textNickName: null,
+            textErrorTip: '请输入昵称',
+            componentsConfig: initComponentsConfig()   
+        },
+        mounted(){
+        },
+        methods:{
+        	onSaveTap(){
+        		saveTap();
+        	},
+        	onBackTap(){
+        		backTap();
+        	}
+        }   
+    }).$mount('#app');
+}
+
+//配置组件参数
+function initComponentsConfig() {
+    return {
+    	nameInput: {
+            initParam: {
+                class: 'custom-editNickname-text',
+                placeholder: Vue.t('editNickname.nickNameInputTip')
+            }
+        },
+        //保存 button 参数
+        saveButton: {   
+            initParam: {
+                class: 'custom-button',
+                text: Vue.t('btn.save')
+            }
+        },
+        dialog: {
+            initParam: {
+                class: 'custom-dialog'
+            }
+        },
+        loading: {
+            initParam: {
+                class: 'custom-loading'
+            }
+        }
+    }
+}
+
+//保存昵称
+function saveTap(){
+	
+}
+
+//返回上一页
+function backTap(){
+	iot.navigator.back();
+}

dev/src/view/myInfo/v_editPassword.js

+/**
+* v_editPassword.js
+* Version: 0.1
+* User: zjx
+* Date: 2017-09-29
+* Copyright(c)  2017. U-GEN Tech.Co,Ltd. All Rights Reserved.
+* 引导页面
+*/
+
+import {iot, uPublic, uComponents} from '../../public/public.js';
+
+iot.ready(init);
+function init() {
+    //通用 dialog、loading组件
+    uPublic.componentsInit(['u-dialog','u-loading','u-text']);
+    const app = new Vue({
+        data:{          
+            //配置组件
+            textNewPassword: null,
+            textOldPassword: null,
+            textOldPasswordAgain: null,
+            textErrorTip: '密码不能为空',
+            componentsConfig: initComponentsConfig()   
+        },
+        mounted(){
+        	
+        },
+        methods:{
+        	onSaveTap(){
+        		saveTap();
+        	},
+        	onBackTap(){
+        		backTap();
+        	}
+        }   
+    }).$mount('#app');
+}
+
+//配置组件参数
+function initComponentsConfig() {
+    return {
+    	newPassword: {
+            initParam: {
+                class: 'custom-editPassword-text',
+                placeholder: Vue.t('editPassword.newPasswordInputTip')
+            }
+        },
+        oldPassword: {
+            initParam: {
+                class: 'custom-editPassword-text',
+                placeholder: Vue.t('editPassword.oldPasswordInputTip')
+            }
+        },
+        oldPasswordAgain: {
+            initParam: {
+                class: 'custom-editPassword-text',
+                placeholder: Vue.t('editPassword.oldPasswordInputTipAgain')
+            }
+        },
+        //保存 button 参数
+        saveButton: {   
+            initParam: {
+                class: 'custom-button',
+                text: Vue.t('btn.save')
+            }
+        },
+        dialog: {
+            initParam: {
+                class: 'custom-dialog'
+            }
+        },
+        loading: {
+            initParam: {
+                class: 'custom-loading'
+            }
+        }
+    }
+}
+
+//保存昵称
+function saveTap(){
+	
+}
+
+//返回上一页
+function backTap(){
+	iot.navigator.back();
+}

dev/src/view/myInfo/v_index.js

+/**
+* v_index.js
+* Version: 0.1
+* User: zjx
+* Date: 2017-09-26
+* Copyright(c)  2017. U-GEN Tech.Co,Ltd. All Rights Reserved.
+* 引导页面
+*/
+
+import {iot, uPublic, uComponents} from '../../public/public.js';
+
+iot.ready(init);
+function init() {
+    //通用 dialog、loading组件
+    uPublic.componentsInit(['u-dialog','u-loading']);
+    const app = new Vue({
+        data:{          
+            //配置组件
+            nickName: 'bank',
+            componentsConfig: initComponentsConfig()   
+        },
+        mounted(){
+        },
+        methods:{
+        	//tap 修改昵称
+        	onEditNicknameTap(){
+        		editNicknameTap();
+        	},
+        	//tap 修改密码
+        	onEditPasswordTap(){
+        		editPasswordTap();
+        	},
+        	onBackTap(){
+        		backTap();
+        	}
+        }   
+    }).$mount('#app');
+}
+
+//配置组件参数
+function initComponentsConfig() {
+    return {
+    	loading: {
+            initParam: {
+                class: 'custom-loading'
+            }
+        }
+    }
+}
+
+//tap 修改昵称
+function editNicknameTap(){
+	iot.navigator.openWindow({
+        url: '../myInfo/editNickname.html',
+        id: 'editNickname'
+    });
+}
+
+//tap 修改密码
+function editPasswordTap(){
+	iot.navigator.openWindow({
+        url: '../myInfo/editPassword.html',
+        id: 'editPassword'
+    });
+}
+
+function backTap(){
+	iot.navigator.back();
+}

web/lib/js/p.js

@@ -32,7 +32,7 @@
 /******/
 /******/ 	// objects to store loaded and loading chunks
 /******/ 	var installedChunks = {
-/******/ 		17: 0
+/******/ 		21: 0
 /******/ 	};
 /******/
 /******/ 	// The require function
@@ -87,7 +87,7 @@
 /******/ 		if (__webpack_require__.nc) {
 /******/ 			script.setAttribute("nonce", __webpack_require__.nc);
 /******/ 		}
-/******/ 		script.src = __webpack_require__.p + "" + ({"0":"device/opendoorRecord","1":"device/index","2":"device/hijackRecord","3":"device/alarmInfo","4":"doorlockManage/qrcode","5":"bindUser/index","6":"doorlockManage/index","7":"login/register","8":"login/login","9":"login/index","10":"login/forgetPassword","11":"doorlockManage/editName","12":"device/remoteOpendoor","13":"addDevice/wifiAddHelp","14":"addDevice/wifiAdd","15":"addDevice/scanCodeAdd","16":"addDevice/index"}[chunkId]||chunkId) + ".js";
+/******/ 		script.src = __webpack_require__.p + "" + ({"0":"device/opendoorRecord","1":"device/index","2":"device/hijackRecord","3":"device/alarmInfo","4":"doorlockManage/qrcode","5":"bindUser/index","6":"doorlockManage/index","7":"myInfo/index","8":"myInfo/editPassword","9":"myInfo/editNickname","10":"login/register","11":"login/login","12":"login/index","13":"login/forgetPassword","14":"doorlockUsers/index","15":"doorlockManage/editName","16":"device/remoteOpendoor","17":"addDevice/wifiAddHelp","18":"addDevice/wifiAdd","19":"addDevice/scanCodeAdd","20":"addDevice/index"}[chunkId]||chunkId) + ".js";
 /******/ 		var timeout = setTimeout(onScriptComplete, 120000);
 /******/ 		script.onerror = script.onload = onScriptComplete;
 /******/ 		function onScriptComplete() {
@@ -9490,21 +9490,21 @@ var _config = __webpack_require__(124);
 
 var _config2 = _interopRequireDefault(_config);
 
-var _vueI18n = __webpack_require__(198);
+var _vueI18n = __webpack_require__(202);
 
 var _vueI18n2 = _interopRequireDefault(_vueI18n);
 
-var _ugenComponents = __webpack_require__(195);
+var _ugenComponents = __webpack_require__(199);
 
 var _ugenComponents2 = _interopRequireDefault(_ugenComponents);
 
-var _manage = __webpack_require__(193);
+var _manage = __webpack_require__(197);
 
 var _manage2 = _interopRequireDefault(_manage);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var VueTouch = __webpack_require__(240);
+var VueTouch = __webpack_require__(244);
 Vue.use(VueTouch);
 
 var uComponents = _ugenComponents2.default.uComponents;
@@ -10257,7 +10257,7 @@ function flush() {
 function attemptVertx() {
   try {
     var r = require;
-    var vertx = __webpack_require__(241);
+    var vertx = __webpack_require__(245);
     vertxNext = vertx.runOnLoop || vertx.runOnContext;
     return useVertxTimer();
   } catch (e) {
@@ -14999,7 +14999,11 @@ module.exports = g;
 /* 169 */,
 /* 170 */,
 /* 171 */,
-/* 172 */
+/* 172 */,
+/* 173 */,
+/* 174 */,
+/* 175 */,
+/* 176 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -15062,7 +15066,7 @@ function tapButton(self) {
 }
 
 /***/ }),
-/* 173 */
+/* 177 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -15346,7 +15350,7 @@ function setTransition(time, select) {
 }
 
 /***/ }),
-/* 174 */
+/* 178 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -15423,7 +15427,7 @@ function _changeCommLoadingStatusAndText(self, status, text) {
 }
 
 /***/ }),
-/* 175 */
+/* 179 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -15525,7 +15529,7 @@ function handleButton(self, name, button) {
 }
 
 /***/ }),
-/* 176 */
+/* 180 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -15649,7 +15653,7 @@ function _changeList(self, list) {
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)["default"]))
 
 /***/ }),
-/* 177 */
+/* 181 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -15767,7 +15771,7 @@ function _changeList(self, list) {
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)["default"]))
 
 /***/ }),
-/* 178 */
+/* 182 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -15817,7 +15821,7 @@ exports.default = {
 };
 
 /***/ }),
-/* 179 */
+/* 183 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -15870,7 +15874,7 @@ function _changeText(self, text) {
 }
 
 /***/ }),
-/* 180 */
+/* 184 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -16008,7 +16012,7 @@ function checkOutOfRange(self) {
 }
 
 /***/ }),
-/* 181 */
+/* 185 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -16298,7 +16302,7 @@ function _changeData(self, data) {
 }
 
 /***/ }),
-/* 182 */
+/* 186 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -16453,7 +16457,7 @@ function setScrollPosition(self) {
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)["default"]))
 
 /***/ }),
-/* 183 */
+/* 187 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -16565,7 +16569,7 @@ function _setValue(self, parameter) {
 }
 
 /***/ }),
-/* 184 */
+/* 188 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -16722,7 +16726,7 @@ function _changeList(self, list) {
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)["default"]))
 
 /***/ }),
-/* 185 */
+/* 189 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -16794,7 +16798,7 @@ function tapSwitch(self) {
 }
 
 /***/ }),
-/* 186 */
+/* 190 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -16926,10 +16930,10 @@ function watchInputText(self, text) {
 }
 
 /***/ }),
-/* 187 */,
-/* 188 */,
-/* 189 */,
-/* 190 */
+/* 191 */,
+/* 192 */,
+/* 193 */,
+/* 194 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -17036,7 +17040,7 @@ function tapLoad(self) {
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)["default"]))
 
 /***/ }),
-/* 191 */
+/* 195 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -17136,8 +17140,8 @@ function _changeList(self, list) {
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(1)["default"]))
 
 /***/ }),
-/* 192 */,
-/* 193 */
+/* 196 */,
+/* 197 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -17147,11 +17151,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
-var _c_gridList = __webpack_require__(217);
+var _c_gridList = __webpack_require__(221);
 
 var _c_gridList2 = _interopRequireDefault(_c_gridList);
 
-var _c_timeline = __webpack_require__(218);
+var _c_timeline = __webpack_require__(222);
 
 var _c_timeline2 = _interopRequireDefault(_c_timeline);
 
@@ -17164,7 +17168,7 @@ var components = {
 exports.default = components;
 
 /***/ }),
-/* 194 */
+/* 198 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var __WEBPACK_AMD_DEFINE_RESULT__;/*! Hammer.JS - v2.0.7 - 2016-04-22
@@ -19814,13 +19818,13 @@ if (true) {
 
 
 /***/ }),
-/* 195 */
+/* 199 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__src_manage__ = __webpack_require__(197);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__src_components__ = __webpack_require__(196);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__src_manage__ = __webpack_require__(201);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__src_components__ = __webpack_require__(200);
 /**
  * index.js
  * Version: 0.1
@@ -19838,7 +19842,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
 
 
 /***/ }),
-/* 196 */
+/* 200 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -19906,39 +19910,39 @@ uComponents.changeCommLoadingStatusAndText = function(vmObj, status, text){
 /* harmony default export */ __webpack_exports__["a"] = (uComponents);
 
 /***/ }),
-/* 197 */
+/* 201 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_button_vue__ = __webpack_require__(199);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_button_vue__ = __webpack_require__(203);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_button_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0__components_button_vue__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_carousel_vue__ = __webpack_require__(200);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_carousel_vue__ = __webpack_require__(204);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_carousel_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1__components_carousel_vue__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_comm_loading_vue__ = __webpack_require__(201);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_comm_loading_vue__ = __webpack_require__(205);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_comm_loading_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_2__components_comm_loading_vue__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__components_dialog_vue__ = __webpack_require__(202);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__components_dialog_vue__ = __webpack_require__(206);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__components_dialog_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3__components_dialog_vue__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__components_folding_list_vue__ = __webpack_require__(203);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__components_folding_list_vue__ = __webpack_require__(207);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__components_folding_list_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4__components_folding_list_vue__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__components_list_vue__ = __webpack_require__(204);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__components_list_vue__ = __webpack_require__(208);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__components_list_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_5__components_list_vue__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__components_loading_vue__ = __webpack_require__(205);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__components_loading_vue__ = __webpack_require__(209);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__components_loading_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6__components_loading_vue__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__components_marquee_vue__ = __webpack_require__(206);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__components_marquee_vue__ = __webpack_require__(210);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__components_marquee_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_7__components_marquee_vue__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__components_number_adjustment_vue__ = __webpack_require__(207);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__components_number_adjustment_vue__ = __webpack_require__(211);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__components_number_adjustment_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8__components_number_adjustment_vue__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__components_picker_vue__ = __webpack_require__(208);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__components_picker_vue__ = __webpack_require__(212);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_9__components_picker_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_9__components_picker_vue__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__components_select_vue__ = __webpack_require__(209);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__components_select_vue__ = __webpack_require__(213);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_10__components_select_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_10__components_select_vue__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__components_slide_vue__ = __webpack_require__(210);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__components_slide_vue__ = __webpack_require__(214);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_11__components_slide_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_11__components_slide_vue__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__components_swipe_list_vue__ = __webpack_require__(211);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__components_swipe_list_vue__ = __webpack_require__(215);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_12__components_swipe_list_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_12__components_swipe_list_vue__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__components_switch_vue__ = __webpack_require__(212);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__components_switch_vue__ = __webpack_require__(216);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_13__components_switch_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_13__components_switch_vue__);
-/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__components_text_vue__ = __webpack_require__(213);
+/* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__components_text_vue__ = __webpack_require__(217);
 /* harmony import */ var __WEBPACK_IMPORTED_MODULE_14__components_text_vue___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_14__components_text_vue__);
 
 
@@ -19977,7 +19981,7 @@ let manage = {
 /* harmony default export */ __webpack_exports__["a"] = (manage);
 
 /***/ }),
-/* 198 */
+/* 202 */
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
@@ -20992,14 +20996,14 @@ module.exports = plugin;
 /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(125)))
 
 /***/ }),
-/* 199 */
+/* 203 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var Component = __webpack_require__(3)(
   /* script */
-  __webpack_require__(172),
+  __webpack_require__(176),
   /* template */
-  __webpack_require__(225),
+  __webpack_require__(229),
   /* scopeId */
   null,
   /* cssModules */
@@ -21026,14 +21030,14 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 200 */
+/* 204 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var Component = __webpack_require__(3)(
   /* script */
-  __webpack_require__(173),
+  __webpack_require__(177),
   /* template */
-  __webpack_require__(235),
+  __webpack_require__(239),
   /* scopeId */
   null,
   /* cssModules */
@@ -21060,14 +21064,14 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 201 */
+/* 205 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var Component = __webpack_require__(3)(
   /* script */
-  __webpack_require__(174),
+  __webpack_require__(178),
   /* template */
-  __webpack_require__(224),
+  __webpack_require__(228),
   /* scopeId */
   null,
   /* cssModules */
@@ -21094,14 +21098,14 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 202 */
+/* 206 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var Component = __webpack_require__(3)(
   /* script */
-  __webpack_require__(175),
+  __webpack_require__(179),
   /* template */
-  __webpack_require__(227),
+  __webpack_require__(231),
   /* scopeId */
   null,
   /* cssModules */
@@ -21128,14 +21132,14 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 203 */
+/* 207 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var Component = __webpack_require__(3)(
   /* script */
-  __webpack_require__(176),
+  __webpack_require__(180),
   /* template */
-  __webpack_require__(222),
+  __webpack_require__(226),
   /* scopeId */
   null,
   /* cssModules */
@@ -21162,14 +21166,14 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 204 */
+/* 208 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var Component = __webpack_require__(3)(
   /* script */
-  __webpack_require__(177),
+  __webpack_require__(181),
   /* template */
-  __webpack_require__(221),
+  __webpack_require__(225),
   /* scopeId */
   null,
   /* cssModules */
@@ -21196,14 +21200,14 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 205 */
+/* 209 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var Component = __webpack_require__(3)(
   /* script */
-  __webpack_require__(178),
+  __webpack_require__(182),
   /* template */
-  __webpack_require__(237),
+  __webpack_require__(241),
   /* scopeId */
   null,
   /* cssModules */
@@ -21230,14 +21234,14 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 206 */
+/* 210 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var Component = __webpack_require__(3)(
   /* script */
-  __webpack_require__(179),
+  __webpack_require__(183),
   /* template */
-  __webpack_require__(231),
+  __webpack_require__(235),
   /* scopeId */
   null,
   /* cssModules */
@@ -21264,14 +21268,14 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 207 */
+/* 211 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var Component = __webpack_require__(3)(
   /* script */
-  __webpack_require__(180),
+  __webpack_require__(184),
   /* template */
-  __webpack_require__(232),
+  __webpack_require__(236),
   /* scopeId */
   null,
   /* cssModules */
@@ -21298,14 +21302,14 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 208 */
+/* 212 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var Component = __webpack_require__(3)(
   /* script */
-  __webpack_require__(181),
+  __webpack_require__(185),
   /* template */
-  __webpack_require__(229),
+  __webpack_require__(233),
   /* scopeId */
   null,
   /* cssModules */
@@ -21332,14 +21336,14 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 209 */
+/* 213 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var Component = __webpack_require__(3)(
   /* script */
-  __webpack_require__(182),
+  __webpack_require__(186),
   /* template */
-  __webpack_require__(233),
+  __webpack_require__(237),
   /* scopeId */
   null,
   /* cssModules */
@@ -21366,14 +21370,14 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 210 */
+/* 214 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var Component = __webpack_require__(3)(
   /* script */
-  __webpack_require__(183),
+  __webpack_require__(187),
   /* template */
-  __webpack_require__(230),
+  __webpack_require__(234),
   /* scopeId */
   null,
   /* cssModules */
@@ -21400,14 +21404,14 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 211 */
+/* 215 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var Component = __webpack_require__(3)(
   /* script */
-  __webpack_require__(184),
+  __webpack_require__(188),
   /* template */
-  __webpack_require__(223),
+  __webpack_require__(227),
   /* scopeId */
   null,
   /* cssModules */
@@ -21434,14 +21438,14 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 212 */
+/* 216 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var Component = __webpack_require__(3)(
   /* script */
-  __webpack_require__(185),
+  __webpack_require__(189),
   /* template */
-  __webpack_require__(220),
+  __webpack_require__(224),
   /* scopeId */
   null,
   /* cssModules */
@@ -21468,14 +21472,14 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 213 */
+/* 217 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var Component = __webpack_require__(3)(
   /* script */
-  __webpack_require__(186),
+  __webpack_require__(190),
   /* template */
-  __webpack_require__(238),
+  __webpack_require__(242),
   /* scopeId */
   null,
   /* cssModules */
@@ -21502,17 +21506,17 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 214 */,
-/* 215 */,
-/* 216 */,
-/* 217 */
+/* 218 */,
+/* 219 */,
+/* 220 */,
+/* 221 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var Component = __webpack_require__(3)(
   /* script */
-  __webpack_require__(190),
+  __webpack_require__(194),
   /* template */
-  __webpack_require__(226),
+  __webpack_require__(230),
   /* scopeId */
   null,
   /* cssModules */
@@ -21539,14 +21543,14 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 218 */
+/* 222 */
 /***/ (function(module, exports, __webpack_require__) {
 
 var Component = __webpack_require__(3)(
   /* script */
-  __webpack_require__(191),
+  __webpack_require__(195),
   /* template */
-  __webpack_require__(228),
+  __webpack_require__(232),
   /* scopeId */
   null,
   /* cssModules */
@@ -21573,8 +21577,8 @@ module.exports = Component.exports
 
 
 /***/ }),
-/* 219 */,
-/* 220 */
+/* 223 */,
+/* 224 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@@ -21604,7 +21608,7 @@ if (false) {
 }
 
 /***/ }),
-/* 221 */
+/* 225 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@@ -21691,7 +21695,7 @@ if (false) {
 }
 
 /***/ }),
-/* 222 */
+/* 226 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@@ -21792,7 +21796,7 @@ if (false) {
 }
 
 /***/ }),
-/* 223 */
+/* 227 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@@ -21901,7 +21905,7 @@ if (false) {
 }
 
 /***/ }),
-/* 224 */
+/* 228 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@@ -21939,7 +21943,7 @@ if (false) {
 }
 
 /***/ }),
-/* 225 */
+/* 229 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@@ -21965,7 +21969,7 @@ if (false) {
 }
 
 /***/ }),
-/* 226 */
+/* 230 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@@ -22062,7 +22066,7 @@ if (false) {
 }
 
 /***/ }),
-/* 227 */
+/* 231 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@@ -22118,7 +22122,7 @@ if (false) {
 }
 
 /***/ }),
-/* 228 */
+/* 232 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@@ -22194,7 +22198,7 @@ if (false) {
 }
 
 /***/ }),
-/* 229 */
+/* 233 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@@ -22275,7 +22279,7 @@ if (false) {
 }
 
 /***/ }),
-/* 230 */
+/* 234 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@@ -22326,7 +22330,7 @@ if (false) {
 }
 
 /***/ }),
-/* 231 */
+/* 235 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@@ -22351,7 +22355,7 @@ if (false) {
 }
 
 /***/ }),
-/* 232 */
+/* 236 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@@ -22391,7 +22395,7 @@ if (false) {
 }
 
 /***/ }),
-/* 233 */
+/* 237 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@@ -22399,13 +22403,8 @@ module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c
     staticClass: "u-select",
     class: _vm.initClass
   }, [_c('ul', {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: (_vm.selectList.length),
-      expression: "selectList.length"
-    }],
-    staticClass: "u-select-scroll"
+    staticClass: "u-select-scroll",
+    class: _vm.initClass
   }, [_vm._l((_vm.selectList), function(item, index) {
     return _c('v-touch', {
       key: index,
@@ -22470,8 +22469,8 @@ if (false) {
 }
 
 /***/ }),
-/* 234 */,
-/* 235 */
+/* 238 */,
+/* 239 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@@ -22580,8 +22579,8 @@ if (false) {
 }
 
 /***/ }),
-/* 236 */,
-/* 237 */
+/* 240 */,
+/* 241 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@@ -22611,7 +22610,7 @@ if (false) {
 }
 
 /***/ }),
-/* 238 */
+/* 242 */
 /***/ (function(module, exports, __webpack_require__) {
 
 module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;
@@ -22688,12 +22687,12 @@ if (false) {
 }
 
 /***/ }),
-/* 239 */,
-/* 240 */
+/* 243 */,
+/* 244 */
 /***/ (function(module, exports, __webpack_require__) {
 
 (function (global, factory) {
-   true ? factory(__webpack_require__(194)) :
+   true ? factory(__webpack_require__(198)) :
   typeof define === 'function' && define.amd ? define(['hammerjs'], factory) :
   (factory(global.Hammer));
 }(this, (function (Hammer) { 'use strict';
@@ -22960,7 +22959,7 @@ if (true) {
 
 
 /***/ }),
-/* 241 */
+/* 245 */
 /***/ (function(module, exports) {
 
 /* (ignored) */

web/lib/less/bindUser/bindUser.less

 @import "../public/public.less";
 @import "../public/header.less";
 
-.u-text();
+//ID-姓名绑定
+.bindUserHelp{
+    .help();
+}
 
 .u-button();
 
+.custom-help-button,
+.custom-button{
+    .button();
+}
+
+.linkText();
+
+//绑定用户
+.editHead{
+	width: 200px;
+	margin: 70px auto 26px;
+	li{
+		color: @EDITHEAD-TEXT-COLOR;
+	    font-size: @EDITHEAD-TEXT-FONTSIZE;
+	    text-align: center;
+	    margin-bottom: 12px;
+	    img{
+	    	width: 80px;
+    		height: 80px;
+    		border-radius: 50%;
+	    }
+	}
+}
+
+.inputBox{
+	width: 250px;
+	margin: 0 auto;
+	padding-bottom: 40px;
+}
+
+.u-text();
+
+.custom-bindUser-text{
+    margin-top: 17px;
+    input{
+        padding-top: 8px;
+        padding-bottom: 8px;
+        padding-right: 38px;
+        text-align: center;
+        &::-webkit-input-placeholder{
+            color: @CUSTOM-TEXT-COMPONENT-INPUT-PLACEHOLDER-COLOR;
+        }
+    }
+    .u-text-title{
+    	width: 120px;
+    	padding-left: 42px;
+    }
+    //x icon
+    .u-text-clear{
+        right: 7px;
+        &:before{
+            content: '\e601';
+            font-family: iconfont;
+            color: @CUSTOM-TEXT-COMPONENT-DEFAULTICON-COLOR;   
+            font-size: @CUSTOM-TEXT-COMPONENT-DEFAULTICON-FONTSIZE;    
+        }            
+    }
+    &:after{
+        .white_gradient_border();
+    }
+}
+
+.errorTip{
+	position: absolute;
+	left: 0;
+	right: 0;
+	.errorTip();
+}
+
+.custom-button{
+	.buttonPosition();
+}
+
+//用户列表
 .u-swipe-list();
+
+.custom-swipe-list{
+	position: absolute;
+	top: 44px;
+	bottom: 0;
+	left: 0;
+	height: auto;		
+	.u-swipe-list-scroll .u-swipe-list-row{		
+		.u-swipe-list-handle{
+		    background-color: @CUSTOM-SWIPELIST-COMPONENT-ROW-BG;
+		    height: 75px;
+		    padding: 0 40px;
+		    .u-swipe-list-image{
+			    width: 30px;
+			    height: 30px;
+			    margin-right: 45px;
+			    border-radius: 50%;
+		    }
+		    .u-swipe-list-title{
+		    	font-size: @CUSTOM-SWIPELIST-COMPONENT-TITLE-FONTSIZE;
+    			line-height: 20px;
+		    }
+		    span{
+		        margin-right: 18px;
+		    }	
+			&.u-swipe-list-selected{
+    			left: -70px;
+			}
+		}
+		.u-swipe-list-button{
+			div{
+				width: 70px;
+			    padding-left: 10px;
+			    .box-horizontal-alignment(start,flex-start);
+				color: @CUSTOM-SWIPELIST-COMPONENT-BUTTON-COLOR;
+				&:before{
+					content: '\e66d';
+					.iconfont(@CUSTOM-SWIPELIST-COMPONENT-BUTTON-ICON-FONTSIZE);
+				}
+			    &:nth-last-of-type(1){
+				    background-color: @CUSTOM-SWIPELIST-COMPONENT-DELETEBUTTON-BG;
+				}
+			}
+		}
+		&:after{
+			.white_gradient_border();
+		}	
+	}
+	.u-swipe-list-load{
+		.listLoad();
+	}
+	.u-swipeList-tip{
+		.listNoCont();
+	}		
+}
\ No newline at end of file

web/lib/less/device/recordList.less

 @import "../public/public.less";
 @import "../public/header.less";
+
+.u-list();
+
+.custom-list{
+	position: absolute;
+	top: 44px;
+	bottom: 0;
+	left: 0;
+	height: auto;	
+	.u-list-scroll .u-list-row{		
+		height: 75px;
+		padding: 0 45px 0 48px;
+		.u-list-left-image{
+			width: 30px;
+			height: 30px;
+			margin-right: 38px;
+		}
+		.u-list-title{
+			font-size: @CUSTOM-LIST-COMPONENT-TITLE-FONTSIZE;
+			line-height: 20px;
+		}
+		.u-list-right-text{
+			font-size: @CUSTOM-LIST-COMPONENT-RIGHTTEXT-FONTSIZE;
+			word-wrap: break-word;
+			width: 65px;
+			line-height: 14px;
+		}
+		&:after{
+			.white_gradient_border();
+		}
+	}
+	.u-list-load{
+		.listLoad();
+	}
+	.u-list-tip{
+		.listNoCont();
+	}
+}
\ No newline at end of file

web/lib/less/doorlockManage/doorlockManage.less

 @import "../public/public.less";
 @import "../public/header.less";
 
-.u-text();
+//生成绑定二维码
+.qrcodeHelp{
+	margin: 30px 30px 0;
+	li{
+		color: @QRCODEHELP-TEXT-COLOR;
+		font-size: @QRCODEHELP-TEXT-FONTSIZE;
+        padding-left: 12px;
+        text-indent: -12px;
+        line-height: 18px;
+    	margin-bottom: 28px;
+        &:first-child{
+        	color: inherit;
+        	font-size: @QRCODEHELP-TITLE-FONTSIZE;
+			margin-bottom: 18px;
+        }
+        &:last-child{
+            padding-left: 0;
+            text-indent: 0;
+        }	
+        p{
+            width: 200px;
+            height: 200px;
+            margin: 0 auto;
+            border: 1px solid;/*no*/
+        }
+	}
+}
 
 .u-button();
+
+.custom-button{
+	.button();
+    .buttonPosition();
+}
+
+//门锁管理
+.grid-list{
+    position: absolute;
+    top: 44px;
+    bottom: 138px;
+    left: 0;
+    width: 100%;
+    overflow: auto;
+}
+
+.grid-list-scroll{
+    .grid-list-row{
+        margin: 10px;
+        border: 1px solid @GRIDLIST-COMPONENT-ROW-BORDER;/*no*/
+        border-radius: 5px;
+        .grid-list-handle{
+            height: 56px;
+            position: relative;
+            .display-box();
+            .box-vertical-alignment();
+            padding: 0 12px;
+            .grid-list-left-image{
+                width: 26px;
+                height: 26px;
+                margin-right: 5px;
+            }
+            div{
+                .flex();
+                min-width: 0;
+            }
+            .grid-list-title{
+                font-size: @GRIDLIST-COMPONENT-TITLE-FONTSIZE;
+                .text_oneRow_ellipsis();
+            }
+            .grid-list-right-icon{
+                .iconfont(@GRIDLIST-COMPONENT-DEFAULTICON-FONTSIZE);
+                .transform(rotate(180deg));
+            } 
+            &:after{
+                content: '';
+                position: absolute;
+                bottom: 0;
+                left: 0;
+                right: 0;
+                height: 1px;/*no*/
+                .white_gradient_border();
+            }   
+        }
+        .grid-list-content{
+            height: 42px;
+            display: table;
+            width: 100%;
+            table-layout: fixed;
+            .grid-list-button{
+                display: table-cell;
+                vertical-align: middle;
+                .grid-list-button-bg{
+                    width: 30px;
+                    height: 30px;
+                    text-align: center;
+                    color: @GRIDLIST-COMPONENT-BUTTON-ICON-COLOR;
+                    border: 1px solid;/*no*/
+                    border-radius: 50%;
+                    .iconfont(@GRIDLIST-COMPONENT-BUTTON-ICON-FONTSIZE,30px);
+                    display: inline-block;
+                }
+                &:nth-child(1){
+                    padding-left: 16px;
+                }
+                &:nth-child(2){
+                    padding-left: 25px;
+                }
+                &:nth-child(3){
+                    padding-left: 34px;
+                }
+                &:nth-child(4){
+                    text-align: right;
+                    padding-right: 16px;
+                }
+            }
+        }
+    }
+}
+
+.grid-list-load{
+    .listLoad();
+    text-align: center;
+}
+
+.grid-list-tip{
+    .transformV_center(left,0);
+    width: 100%;
+    text-align: center;    
+    .listNoCont();
+}
+
+//修改名称
+.u-text();
+
+.custom-editName-text{
+    input{
+        font-size: @CUSTOM-EDITNAMETEXT-COMPONENT-INPUT-FONTSIZE;
+        padding-left: 46px;
+        &::-webkit-input-placeholder{
+            color: @CUSTOM-TEXT-COMPONENT-INPUT-PLACEHOLDER-COLOR;
+        }
+    }
+    //x icon
+    .u-text-clear{
+        right: 41px;
+        &:before{
+            content: '\e601';
+            font-family: iconfont;
+            color: @CUSTOM-TEXT-COMPONENT-DEFAULTICON-COLOR;
+            font-size: @CUSTOM-EDITNAMETEXT-COMPONENT-DEFAULTICON-FONTSIZE;
+        }            
+    }
+    &:after{
+        .white_gradient_border();
+    }    
+}
+
+.errorTip{
+    .errorTip();
+}
\ No newline at end of file

web/lib/less/doorlockUsers/doorlockUsers.less

+@import "../public/public.less";
+@import "../public/header.less";
+
+//侧滑列表
+    .user-list{
+        width: 100%;
+        height: 100%;
+        overflow: auto;
+        position: absolute;
+        top: 44px;
+        bottom: 0;
+        left: 0;
+        height: auto;   
+    }   
+    .user-list-scroll .user-list-row{     
+        position: relative;
+        overflow: hidden;
+        .user-list-handle{
+            position: relative;
+            .transition(left 0.4s ease);
+            left: 0;
+            background-color: @BODY-BG-COLOR;
+            padding: 15px 20px;
+            .display-box();
+            .box-vertical-alignment();
+            z-index: 2;
+            .user-list-image{
+                width: 50px;
+                height: 50px;
+                margin-right: 10px;
+            }   
+            .user-list-icon{
+                margin-right: 10px;
+                .iconfont(@SWIPELIST-COMPONENT-ICON-FONTSIZE);
+            }
+            div{
+                .flex();
+                min-width: 0;
+            }
+            .user-list-title{
+                .text_oneRow_ellipsis();
+            }   
+            .user-sub-image{
+                width: 17px;
+                height: 17px;
+            }
+            .user-list-subtitle{
+                .text_oneRow_ellipsis();
+                display: inline-block;
+            }   
+            &.user-list-selected{
+                left: -120px;
+            }  
+            &:after{
+                content: "\e611";
+                display: block;
+                .iconfont(@TEXT-COMPONENT-ICON-FONTSIZE);
+                .transform(rotate(180deg));
+            }                    
+        }
+        .user-list-button{
+            position: absolute;
+            top: 0;
+            bottom: 0;
+            right: 0;
+            z-index: 1;
+            div{
+                width: 60px;
+                height: 100%;
+                .display-box();
+                .box-horizontal-alignment();
+                .box-vertical-alignment();
+                color: @SWIPELIST-COMPONENT-BUTTON-COLOR;
+                float: left;
+                &:nth-last-of-type(1){
+                    background-color: transparent;
+                    .iconfont(@TEXT-COMPONENT-ICON-FONTSIZE);
+                    color: #00FFFF;
+                }
+            }
+        }                   
+        &:after{
+            .defaultBorder();
+            z-index: 2;
+            .white_gradient_border();
+        }
+    }

web/lib/less/login/login.less

@@ -21,19 +21,87 @@
 	}
 }
 
-//login
-.inputBox();
+//登录、注册、忘记密码
+.inputBox(184px,40px,380px,"logo.png",75px,64px 64px);
 
 .u-text();
 
 .custom-text,
 .custom-password-text,
 .custom-code-text{
-	.custom-text();
+	.textInput();
 }
 
 .u-button();
 
+//验证码
+.code{
+	margin-top: 17px;
+	position: relative;
+	&:after{
+	    content: '';
+	    position: absolute;
+	    bottom: 0;
+	    left: 0;
+	    right: 0;
+	    height: 1px;/*no*/
+		.white_gradient_border();
+	}
+}
+
+.custom-code-text{
+	width: 170px;
+	margin-top: 0;
+	&:after{
+		display: none;
+	}
+}
+
+//验证码 button
+.custom-code-button{
+	position: absolute;
+    top: 5px;
+    right: 0;
+	.button(93px);
+	padding: 4px 0;
+	.transform(scale(0.7));
+}
+
+//密码
+.passwordInput();
+
+.errorTip{
+	position: absolute;
+	left: 0;
+	right: 0;
+	.errorTip();
+}
+
 .custom-button{
-	.custom-button();
+	.button();
+}
+
+.custom-guide-button{
+	.buttonPosition();
+	.button();
+}
+
+.link{
+    width: 275px;
+    margin: 5px auto;
+	overflow: hidden;
+	span{
+		color: @LINK-TEXT-COLOR;
+	    font-size: @LINK-TEXT-FONTSIZE;
+	    .transform(scale(0.7));
+	    padding: 15px;
+		&:nth-child(1){
+			float: left;
+			margin-left: -25px;
+		}
+		&:nth-child(2){
+			float: right;
+			margin-right: -25px;
+		}
+	}
 }
\ No newline at end of file

web/lib/less/myInfo/myInfo.less

+@import "../public/public.less";
+@import "../public/header.less";
+
+.u-text();
+
+.custom-editNickname-text,.custom-editPassword-text{
+    input{
+        font-size: @CUSTOM-EDITNAMETEXT-COMPONENT-INPUT-FONTSIZE;
+        padding-left: 46px;
+        &::-webkit-input-placeholder{
+            color: @CUSTOM-TEXT-COMPONENT-INPUT-PLACEHOLDER-COLOR;
+        }
+    }
+    //x icon
+    .u-text-clear{
+        right: 41px;
+        &:before{
+            content: '\e601';
+            font-family: iconfont;
+            color: @CUSTOM-TEXT-COMPONENT-DEFAULTICON-COLOR;
+            font-size: @CUSTOM-EDITNAMETEXT-COMPONENT-DEFAULTICON-FONTSIZE;
+        }            
+    }
+    &:after{
+        .white_gradient_border();
+    }    
+}
+
+.editMyInfo{
+    position: absolute;
+    top: 44px;
+    bottom: 0;
+    left: 0;
+    height: auto; 
+    width: 100%;  
+    li{
+        width: 100%;
+        height: 55px;
+        position: relative;
+        line-height: 55px;
+        padding: 0 43px;
+        &:after{
+            //
+            .defaultBorder();
+            .white_gradient_border();
+        }
+        span{
+            //去掉span
+            &:first-child{
+                font-size: 16px;
+                line-height: 1;
+                .flex();
+            }  
+            &:nth-child(2){
+                font-size: 12px;
+                line-height: 1;
+                float: right;
+            }    
+            &:last-child{
+                display: block; 
+                //
+                .iconfont(@TEXT-COMPONENT-ICON-FONTSIZE);
+                .transform(rotate(180deg));
+            }
+        }
+    }
+    .editPassword{
+        span{
+            &:nth-child(2){
+                display: block; 
+                //
+                .iconfont(@TEXT-COMPONENT-ICON-FONTSIZE);
+            }   
+        }
+    }
+}
+
+.errorTip{
+    .errorTip();
+}
\ No newline at end of file

web/lib/less/public/variables.less

@@ -15,8 +15,7 @@
 //项目iconfont
 @font-face{
     font-family: 'iconfont';
-    //src: url('@{ICONFONT_PATH}/iconfont.ttf') format('truetype');
-    src: url('//at.alicdn.com/t/font_372681_ifeqlzhn1k9e8kt9.ttf') format('truetype');
+    src: url('@{ICONFONT_PATH}/iconfont.ttf') format('truetype');
 }
 
 @BODY-TEXT-FONTFAMILY: Helvetica,'Helvetica Neue',sans-serif;
@@ -34,16 +33,22 @@
 @C_BLUE_5: #153D4C;
 @C_GREEN: #4cd964;
 @C_RED: #ff0000;
+@C_RED_1: #fc2168;
 @C_GRAY: #bbb;
 @C_GRAY_1: #ddd;
 @C_GRAY_2: #999;
+@C_GRAY_3: #91929a;
+@C_GRAY_4: #959595;
+@C_GRAY_5: #898989;
 @OPACITY: transparent;
 @BLACK_OPACITY: fade(@C_BLACK,80%);
 @BLACK_OPACITY_1: fade(@C_BLACK,40%);
 @WHITE_OPACITY: fade(@C_WHITE,0);
+@BLUE_OPACITY: fade(@C_BLUE_2,90%);
 
 //font-sizes
 @DEFAULT_F_SIZE: 14px;
+@F_SIZE_12: @DEFAULT_F_SIZE - 2;    //12px
 @F_SIZE_13: @DEFAULT_F_SIZE - 1;    //13px
 @F_SIZE_15: @DEFAULT_F_SIZE + 1;    //15px
 @F_SIZE_16: @DEFAULT_F_SIZE + 2;    //16px
@@ -68,8 +73,13 @@
 @WHITE-GRADIENTBORDER-CENTERCOLOR: @C_WHITE;
 @WHITE-GRADIENTBORDER-ENDCOLOR: @C_BLUE_2;
 
+@BLUE-GRADIENTBORDER-STARTCOLOR: @C_BLUE_2;
+@BLUE-GRADIENTBORDER-CENTERCOLOR: @C_BLUE_4;
+@BLUE-GRADIENTBORDER-ENDCOLOR: @C_BLUE_2;
+
 //遮罩蒙版
 @BACKDROP-BG-COLOR: @BLACK_OPACITY;
+@CUSTOM-BACKDROP-BG: @BLUE_OPACITY;
 
 //通用组件
 @LOADING-COMPONENT-TEXT-COLOR: @C_WHITE;    //loading
@@ -120,6 +130,7 @@
 @SLIDE-COMPONENT-MINMAXVALUE-FONTSIZE: @F_SIZE_13;
 @SLIDE-COMPONENT-DISABLED-COLOR: @C_GRAY;
 @SLIDE-COMPONENT-DISABLED-BG: @C_GRAY;
+@CAROUSEL-COMPONENT-INDICATORS-BG: @C_WHITE;
 @EDITNAME-COMPONENT-INPUT-BG: @OPACITY;    //修改名称
 @EDITNAME-COMPONENT-ICON-FONTSIZE: @F_SIZE_20;
 @EDITNAME-COMPONENT-DEFAULTICON-FONTSIZE: @F_SIZE_25;
@@ -138,16 +149,15 @@
 @CUSTOM-BUTTON-COMPONENT-DISABLED-COLOR: @C_GRAY_2;
 
 //自定义输入框组件
-@CUSTOM-TEXT-COMPONENT-INPUT-PLACEHOLDER-COLOR: ;
-@CUSTOM-TEXT-COMPONENT-DEFAULTICON-COLOR: ;
-@CUSTOM-TEXT-COMPONENT-DEFAULTICON-FONTSIZE: @DEFAULT_F_SIZE + 8;
+@CUSTOM-TEXT-COMPONENT-INPUT-PLACEHOLDER-COLOR: @C_GRAY_3;
+@CUSTOM-TEXT-COMPONENT-ICON-FONTSIZE: @DEFAULT_F_SIZE + 10;
+@CUSTOM-TEXT-COMPONENT-DEFAULTICON-COLOR: @C_BLUE_4;
+@CUSTOM-TEXT-COMPONENT-DEFAULTICON-FONTSIZE: @F_SIZE_13;
 
 //自定义弹出框组件
+@CUSTOM-DIALOG-COMPONENT-BOX-BG: @OPACITY;
+@CUSTOM-DIALOG-COMPONENT-COLOR: @C_BLUE_4;
 @CUSTOM-DIALOG-COMPONENT-CONTENT-FONTSIZE: @F_SIZE_18;
-@CUSTOM-DIALOG-COMPONENT-BUTTON-BG: ;
-@CUSTOM-DIALOG-COMPONENT-BUTTON-ACTIVE-BG: ;
-@CUSTOM-DIALOG-COMPONENT-CANCELBUTTON-COLOR: ;
-@CUSTOM-DIALOG-COMPONENT-CONFIRMBUTTON-COLOR: @C_WHITE;
 
 //header
 @HEADER-BG-COLOR: @C_BLUE_3;
@@ -157,12 +167,76 @@
 @HEADER-ICON-FONTSIZE: @F_SIZE_25;
 
 //errorTip
-@ERRORTIP-TEXT-COLOR: ;
-@ERRORTIP-TEXT-FONTSIZE: @F_SIZE_13;
+@ERRORTIP-TEXT-COLOR: @C_RED_1;
+@ERRORTIP-TEXT-FONTSIZE: @F_SIZE_16;
+
+@LINKTEXT-TEXT-COLOR: @C_BLUE_4;
+@LINKTEXT-TEXT-FONTSIZE: @F_SIZE_12;
 
 //list
-@LIST-LOAD-FONTSIZE: @F_SIZE_13;    //上拉加载  
-@LIST-NOCONTTIP-COLOR: ;    //list 无内容
+@LIST-LOAD-COLOR: @C_BLUE_4;    //上拉加载
+@LIST-LOAD-FONTSIZE: @F_SIZE_16;
+@LIST-NOCONTTIP-COLOR: @C_BLUE_4;    //list 无内容
+@LIST-NOCONTTIP-FONTSIZE: @F_SIZE_18;
 
 //引导
 @GUIDE-FOOTER-FONTSIZE: @F_SIZE_16;
+
+//登录
+@LINK-TEXT-COLOR: @C_BLUE_4;
+@LINK-TEXT-FONTSIZE: @F_SIZE_16;
+
+//添加设备
+@ADDDEVICE-TEXT-COLOR: @C_BLUE_4;
+@ADDDEVICE-TEXT-FONTSIZE: @F_SIZE_18;
+@ADDDEVICE-ROW-ACTIVE-BG: @C_BLUE_5;
+
+//配置Wi-Fi/ID-姓名绑定
+@HELP-TEXT-COLOR: @C_GRAY_3;
+@HELP-TITLE-FONTSIZE: @F_SIZE_18;
+
+//连接Wi-Fi
+@WIFI-ICON-FONTSIZE: @DEFAULT_F_SIZE + 10; 
+@WIFI-TEXT-COLOR: @C_BLUE_4;
+@REMIND-TEXT-COLOR: @C_GRAY_3;    //配置Wi-Fi提醒
+@REMIND-TEXT-FONTSIZE: @F_SIZE_16;
+
+//开门记录/报警信息/劫持记录
+@CUSTOM-LIST-COMPONENT-TITLE-FONTSIZE: @F_SIZE_16;
+@CUSTOM-LIST-COMPONENT-RIGHTTEXT-FONTSIZE: @F_SIZE_12;
+
+//生成绑定二维码
+@QRCODEHELP-TEXT-COLOR: @C_GRAY_3;
+@QRCODEHELP-TEXT-FONTSIZE: @F_SIZE_16;
+@QRCODEHELP-TITLE-FONTSIZE: @F_SIZE_18;
+
+//智能指纹锁
+@CUSTOM-CAROUSEL-COMPONENT-INDICATORS-ACTIVE-BG: @C_GRAY_5;
+@CUSTOM-SWITCH-COMPONENT-TEXT-FONTSIZE: @F_SIZE_18;
+@CUSTOM-SWITCH-COMPONENT-HANDLE-BG: @BODY-BG-COLOR;
+@CUSTOM-SWITCH-COMPONENT-ONSTATE-COLOR: @C_BLUE_4;
+@CUSTOM-SWITCH-COMPONENT-OFFSTATE-COLOR: @C_GRAY_5;
+@NEWMSG-ICON-FONTSIZE: @F_SIZE_16;
+@NEWMSG-ICON-COLOR: @C_RED_1;
+
+//门锁管理
+@GRIDLIST-COMPONENT-ROW-BORDER: @C_BLUE_4;
+@GRIDLIST-COMPONENT-TITLE-FONTSIZE: @F_SIZE_18;
+@GRIDLIST-COMPONENT-DEFAULTICON-FONTSIZE: @DEFAULT_F_SIZE + 8;
+@GRIDLIST-COMPONENT-BUTTON-ICON-COLOR: @C_BLUE_4;
+@GRIDLIST-COMPONENT-BUTTON-ICON-FONTSIZE: @F_SIZE_16;
+
+//修改名称
+@CUSTOM-EDITNAMETEXT-COMPONENT-INPUT-FONTSIZE: @F_SIZE_18;
+@CUSTOM-EDITNAMETEXT-COMPONENT-DEFAULTICON-FONTSIZE: @F_SIZE_20;
+
+//绑定用户
+@EDITHEAD-TEXT-COLOR: @C_BLUE_4;
+@EDITHEAD-TEXT-FONTSIZE: @F_SIZE_12;
+
+//用户列表
+@CUSTOM-SWIPELIST-COMPONENT-ROW-BG: @BODY-BG-COLOR;
+@CUSTOM-SWIPELIST-COMPONENT-TITLE-FONTSIZE: @F_SIZE_16;
+@CUSTOM-SWIPELIST-COMPONENT-BUTTON-COLOR: @C_BLUE_4;
+@CUSTOM-SWIPELIST-COMPONENT-BUTTON-ICON-FONTSIZE: @F_SIZE_16;
+@CUSTOM-SWIPELIST-COMPONENT-DELETEBUTTON-BG: @BODY-BG-COLOR;
\ No newline at end of file

web/resources/lang/zh.json

-{"loading":"loading...","scroll":{"clickToLoadMore":"点击加载更多","loading":"loading..."},"btn":{"confirm":"确定","guideLogin":"账号/密码登录","login":"登录","getCode":"获取验证码","register":"注册","logout":"退出系统","save":"保存","qrcode":"生成二维码","wifiAdd":"开始配置Wi-Fi","connect":"连接","bindUser":"绑定姓名","bind":"我要绑定","reBound":"请重新绑定","saveQRcode":"保存二维码到相册"},"dialog":{"confirm":"确认","cancel":"取消"},"title":{"login":"登录","register":"注册","forgetPassword":"忘记密码","device":"智能指纹锁","opendoorRecord":"开门记录","alarmInfo":"报警信息","remoteOpendoor":"远程开门","hijackRecord":"劫持记录","doorlockManage":"门锁管理","editName":"修改名称","qrcode":"生成绑定二维码","addDevice":"添加设备","scanCodeAdd":"扫描绑定设备","wifiAddHelp":"配置Wi-Fi","wifiAdd":"连接Wi-Fi","bindUserHelp":"ID-姓名绑定","bindUser":"绑定用户","userList":"用户列表"},"guide":{"footer":"指纹改变生活"},"login":{"telInputTip":"请输入手机号","passwordInputTip":"请输入密码","register":"快速注册","forgetPassword":"忘记密码","error":{"telNull":"请输入手机号","passWordNull":"请输入密码"},"failure":"登陆失败"},"register":{"telInputTip":"请输入手机号","codeInputTip":"请输入验证码","passwordInputTip":"请输入6位登录密码","error":{"telNull":"请输入手机号","codeNull":"请输入验证码","passWordNull":"请输入密码"}},"forgetPassword":{"telInputTip":"请输入手机号","codeInputTip":"请输入验证码","passwordInputTip":"请输入6位登录密码","error":{"telNull":"请输入手机号","codeNull":"请输入验证码","passWordNull":"请输入密码"}},"device":{"opendoorRecord":"开门记录","securityAlarm":"安全报警","doorlockUser":"门锁用户","remoteOpendoor":"远程开门","hijackAlarm":"劫持报警","doorlockManage":"门锁管理","followTitle":"关注服务号","followCont1":"关注 “i智信” 微信服务号可随时随地掌握设备动态<br>再也不担心错过重要通知，赶紧按下方提示试试吧","followCont2":"1.保存二维码-2.用微信从<span>相册选取扫码</span>-3.关注","laterFollow":"稍后关注","newMsgDoorlock":"门锁最新消息","doorLockRinging":"门铃响了"},"opendoorRecord":{"noRecordTip":"暂无记录","passwordOpenDoor":"密码开门","fingerprintOpenDoor":"指纹开门","ICcardOpenDoor":"IC卡开门","remoteOpenDoor":"遥控器开门","keyOpenDoor":"钥匙开门","hijackingAlarm":"劫持报警","appRemoteOpenDoor":"app远程开门"},"alarmInfo":{"noInfoTip":"暂无信息","tamperAlarm":"防撬报警","trialAlarm":"试错报警","powerAlarm":"欠电报警","fackLockAlram":"假锁报警"},"remoteOpendoor":{"passwordInputTip":"请输入远程开门密码","openDoorSuccess":"远程开门成功","openDoorFailure":"远程开门失败","error":{"noPasswordTip":"远程密码不能为空"}},"hijackRecord":{"noRecordTip":"暂无记录","hijackingAlarm":"劫持指纹报警"},"doorlockManage":{"noDeviceTip":"暂无设备","deleteDialogTip":"<span>{0}</span>将被删除","logoutDialogTip":"确定要退出系统吗？","deleteSuccess":"删除成功","deleteFailue":"删除失败","defaultNickname":"门锁"},"editName":{"nameInputTip":"请输入门锁名称","editNameSuccess":"名字修改成功","editNameFailue":"名字修改失败","error":{"nameCanNotBeBlank":"昵称不能为空"}},"qrcode":{"helpTitle":"注意事项：","helpCont1":"1.仅超级管理员（通过Wi-Fi配网绑定的用户为超级管理员）可以生成绑定二维码","helpCont2":"2.二维码有效时间为10分钟且只能使用一次","helpCont3":"3.用户只需要扫描该二维码即可绑定指纹锁","helpCont4":"4.绑定失败则需要重新生成二维码进行绑定"},"addDevice":{"scanCodeAdd":"扫描绑定设备","wifiAdd":"配置Wi-Fi","bindSuccess":"绑定成功","bindFailue":"绑定失败"},"wifiAddHelp":{"helpTitle":"配置Wi-Fi说明：","helpCont1":"1.按下指纹锁背面的按钮，进入主菜单，选择Wi-Fi设置→配置Wi-Fi，门锁进入等待配网状态","helpCont2":"2.点击页面 “开始配置Wi-Fi” 按钮，进入Wi-Fi配网画面","helpCont3":"3.输入Wi-Fi密码，点击 “l连接” 按钮，等待锁端相应，直至配网成功","helpCont4":"（提示：如果指纹锁已经绑定过用户，重新绑定成功后会清除之前所有绑定信息）"},"wifiAdd":{"passwordInputTip":"请输入Wi-Fi密码","remindTitle":"配置Wi-Fi提醒：","remindCont1":"1.  请确保Wi-Fi信号良好","remindCont2":"2.  本产品暂不支持5GHz无线网络","error":{}},"bindUserHelp":{"helpTitle":"配对姓名说明：","helpCont1":"1.在指纹锁上录入指纹、密码、卡并获得相应ID","helpCont2":"2.通过姓名绑定将该ID绑定对应用户姓名","helpCont3":"3.绑定成功后，开门记录中将会显示已绑定的用户姓名","helpCont4":"4.用户姓名信息只保存在APP端，不影响锁端设置","boundUser":"查看已绑定ID姓名"},"bindUser":{"editHeadTip":"点击编辑用户头像","nameTitle":"姓名","fingerprintIDTitle":"指纹ID","passwordIDTitle":"密码ID","ICCardIDTitle":"IC卡ID","requiredInputTip":"（必填）","optionalInputTip":"（选填）","error":{}},"userList":{"name":"姓名：{0}","id":"指纹ID:<span>{0}</span>密码ID:<span>{1}</span>IC卡ID:<span>{2}</span>","noUserTip":"暂无用户"},"commstatusLoading":{"connectSuccess":"Wi-Fi连接成功，正在绑定...","bindSuccess":"绑定成功","bindFailed":"绑定失败"},"request":{"error":"请求发送失败"}}
\ No newline at end of file
+{"loading":"loading...","scroll":{"clickToLoadMore":"点击加载更多","loading":"loading..."},"btn":{"confirm":"确定","guideLogin":"账号/密码登录","login":"登录","getCode":"获取验证码","register":"注册","logout":"退出系统","save":"保存","qrcode":"生成二维码","wifiAdd":"开始配置Wi-Fi","connect":"连接","bindUser":"绑定姓名","bind":"我要绑定","reBound":"请重新绑定","saveQRcode":"保存二维码到相册"},"dialog":{"confirm":"确认","cancel":"取消"},"title":{"login":"登录","register":"注册","forgetPassword":"忘记密码","device":"智能指纹锁","opendoorRecord":"开门记录","alarmInfo":"报警信息","remoteOpendoor":"远程开门","hijackRecord":"劫持记录","doorlockManage":"门锁管理","doorlockUsers":"门锁用户","editName":"修改名称","qrcode":"生成绑定二维码","addDevice":"添加设备","scanCodeAdd":"扫描绑定设备","wifiAddHelp":"配置Wi-Fi","wifiAdd":"连接Wi-Fi","bindUserHelp":"ID-姓名绑定","bindUser":"绑定用户","userList":"用户列表"},"guide":{"footer":"指纹改变生活"},"login":{"telInputTip":"请输入手机号","passwordInputTip":"请输入密码","register":"快速注册","forgetPassword":"忘记密码","error":{"telNull":"请输入手机号","passWordNull":"请输入密码"},"failure":"登陆失败"},"register":{"telInputTip":"请输入手机号","codeInputTip":"请输入验证码","passwordInputTip":"请输入6位登录密码","error":{"telNull":"请输入手机号","codeNull":"请输入验证码","passWordNull":"请输入密码"}},"forgetPassword":{"telInputTip":"请输入手机号","codeInputTip":"请输入验证码","passwordInputTip":"请输入6位登录密码","error":{"telNull":"请输入手机号","codeNull":"请输入验证码","passWordNull":"请输入密码"}},"device":{"opendoorRecord":"开门记录","securityAlarm":"安全报警","doorlockUser":"门锁用户","remoteOpendoor":"远程开门","hijackAlarm":"劫持报警","doorlockManage":"门锁管理","followTitle":"关注服务号","followCont1":"关注 “i智信” 微信服务号可随时随地掌握设备动态<br>再也不担心错过重要通知，赶紧按下方提示试试吧","followCont2":"1.保存二维码-2.用微信从<span>相册选取扫码</span>-3.关注","laterFollow":"稍后关注","newMsgDoorlock":"门锁最新消息","doorLockRinging":"门铃响了"},"opendoorRecord":{"noRecordTip":"暂无记录","passwordOpenDoor":"密码开门","fingerprintOpenDoor":"指纹开门","ICcardOpenDoor":"IC卡开门","remoteOpenDoor":"遥控器开门","keyOpenDoor":"钥匙开门","hijackingAlarm":"劫持报警","appRemoteOpenDoor":"app远程开门"},"alarmInfo":{"noInfoTip":"暂无信息","tamperAlarm":"防撬报警","trialAlarm":"试错报警","powerAlarm":"欠电报警","fackLockAlram":"假锁报警"},"remoteOpendoor":{"passwordInputTip":"请输入远程开门密码","openDoorSuccess":"远程开门成功","openDoorFailure":"远程开门失败","error":{"noPasswordTip":"远程密码不能为空"}},"hijackRecord":{"noRecordTip":"暂无记录","hijackingAlarm":"劫持指纹报警"},"doorlockManage":{"noDeviceTip":"暂无设备","deleteDialogTip":"<span>{0}</span>将被删除","logoutDialogTip":"确定要退出系统吗？","deleteSuccess":"删除成功","deleteFailue":"删除失败","defaultNickname":"门锁"},"editName":{"nameInputTip":"请输入门锁名称","editNameSuccess":"名字修改成功","editNameFailue":"名字修改失败","error":{"nameCanNotBeBlank":"昵称不能为空"}},"qrcode":{"helpTitle":"注意事项：","helpCont1":"1.仅超级管理员（通过Wi-Fi配网绑定的用户为超级管理员）可以生成绑定二维码","helpCont2":"2.二维码有效时间为10分钟且只能使用一次","helpCont3":"3.用户只需要扫描该二维码即可绑定指纹锁","helpCont4":"4.绑定失败则需要重新生成二维码进行绑定"},"addDevice":{"scanCodeAdd":"扫描绑定设备","wifiAdd":"配置Wi-Fi","bindSuccess":"绑定成功","bindFailue":"绑定失败"},"wifiAddHelp":{"helpTitle":"配置Wi-Fi说明：","helpCont1":"1.按下指纹锁背面的按钮，进入主菜单，选择Wi-Fi设置→配置Wi-Fi，门锁进入等待配网状态","helpCont2":"2.点击页面 “开始配置Wi-Fi” 按钮，进入Wi-Fi配网画面","helpCont3":"3.输入Wi-Fi密码，点击 “l连接” 按钮，等待锁端相应，直至配网成功","helpCont4":"（提示：如果指纹锁已经绑定过用户，重新绑定成功后会清除之前所有绑定信息）"},"wifiAdd":{"passwordInputTip":"请输入Wi-Fi密码","remindTitle":"配置Wi-Fi提醒：","remindCont1":"1.  请确保Wi-Fi信号良好","remindCont2":"2.  本产品暂不支持5GHz无线网络","error":{}},"bindUserHelp":{"helpTitle":"配对姓名说明：","helpCont1":"1.在指纹锁上录入指纹、密码、卡并获得相应ID","helpCont2":"2.通过姓名绑定将该ID绑定对应用户姓名","helpCont3":"3.绑定成功后，开门记录中将会显示已绑定的用户姓名","helpCont4":"4.用户姓名信息只保存在APP端，不影响锁端设置","boundUser":"查看已绑定ID姓名"},"bindUser":{"editHeadTip":"点击编辑用户头像","nameTitle":"姓名","fingerprintIDTitle":"指纹ID","passwordIDTitle":"密码ID","ICCardIDTitle":"IC卡ID","requiredInputTip":"（必填）","optionalInputTip":"（选填）","error":{}},"userList":{"name":"姓名：{0}","id":"指纹ID:<span>{0}</span>密码ID:<span>{1}</span>IC卡ID:<span>{2}</span>","noUserTip":"暂无用户"},"myInfo":{"editNickname":"修改昵称","editPassword":"修改密码"},"editNickname":{"nickNameInputTip":"请输入昵称"},"editPassword":{"newPasswordInputTip":"请输入新密码","oldPasswordInputTip":"请输入旧密码","oldPasswordInputTipAgain":"请再次输入旧密码"},"commstatusLoading":{"connectSuccess":"Wi-Fi连接成功，正在绑定...","bindSuccess":"绑定成功","bindFailed":"绑定失败"},"request":{"error":"请求发送失败"}}
\ No newline at end of file

web/view/device/index.html

@@ -20,7 +20,7 @@
 <body ontouchstart="">
     <div id="app" v-cloak>
         <div class="header">
-            <v-touch tag="span" class="header-left icon" v-on:tap="onDoorlockManageTap">&#xe66f;</v-touch>
+            <v-touch tag="span" class="header-left icon" v-on:tap="onMyInfoTap()">&#xe66f;</v-touch>
             <p>{{ $t('title.device') }}</p>
         </div>
         <div class="content"> 

web/view/doorlockManage/doorlockManage.css~HEAD

+@font-face {
+  font-family: 'defaultIconfont';
+  src: url('../../resources/font/defaultIconfont.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'iconfont';
+  src: url('//at.alicdn.com/t/font_372681_ifeqlzhn1k9e8kt9.ttf') format('truetype');
+}
+
+html,
+body {
+  width: 100%;
+  height: 100%;
+}
+
+body {
+  -webkit-user-select: none;
+  user-select: none;
+  color: #fff;
+  font-size: 0.373rem;
+  background: -webkit-linear-gradient(left, #242635, #fff, #242635);
+  background: linear-gradient(to right, #242635, #fff, #242635);
+  background-color: #242635;
+  -webkit-background-size: 100% 1px;
+  background-size: 100% 1px;
+  background-repeat: no-repeat;
+  background-position: bottom center;
+}
+
+ul {
+  padding-left: 0;
+  list-style: none;
+  margin-bottom: 0;
+}
+
+p {
+  margin-bottom: 0;
+}
+
+.u-loading {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1050;
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+.u-loading .u-loading-box {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+}
+
+.u-loading .u-loading-box .u-loading-icon {
+  width: 30px;
+  height: 30px;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-image: url("../../resources/image/white_loading_icon.png");
+  -webkit-background-size: cover;
+  background-size: cover;
+  margin: 0 auto;
+  -webkit-animation: uLoading 1s steps(12, end) infinite;
+  animation: uLoading 1s steps(12, end) infinite;
+}
+
+.u-loading .u-loading-box .u-loading-text {
+  color: #fff;
+  margin-top: 0.32rem;
+  text-align: center;
+}
+
+@-webkit-keyframes uLoading {
+  0% {
+    -webkit-transform: rotate3d(0, 0, 1, 0deg);
+    transform: rotate3d(0, 0, 1, 0deg);
+  }
+
+  100% {
+    -webkit-transform: rotate3d(0, 0, 1, 360deg);
+    transform: rotate3d(0, 0, 1, 360deg);
+  }
+}
+
+@keyframes uLoading {
+  0% {
+    -webkit-transform: rotate3d(0, 0, 1, 0deg);
+    transform: rotate3d(0, 0, 1, 0deg);
+  }
+
+  100% {
+    -webkit-transform: rotate3d(0, 0, 1, 360deg);
+    transform: rotate3d(0, 0, 1, 360deg);
+  }
+}
+
+.u-dialog {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1050;
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+.u-dialog .u-dialog-box {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  width: 6.667rem;
+  background-color: #fff;
+  border-radius: 0.32rem;
+}
+
+.u-dialog .u-dialog-box .u-dialog-content {
+  padding: 0.4rem;
+  text-align: center;
+  position: relative;
+}
+
+.u-dialog .u-dialog-box .u-dialog-content:after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 1px;
+  background: #bbb;
+}
+
+.u-dialog .u-dialog-box .u-dialog-button {
+  display: table;
+  width: 100%;
+  table-layout: fixed;
+  border-collapse: separate;
+}
+
+.u-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel,
+.u-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm {
+  display: table-cell;
+  color: #007aff;
+  text-align: center;
+  padding: 0.4rem 0;
+  line-height: 1;
+  position: relative;
+}
+
+.u-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after {
+  content: '';
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  width: 1px;
+  -webkit-transform: scaleX(0.5);
+  transform: scaleX(0.5);
+  background-color: #bbb;
+}
+
+.fade-enter-active,
+.fade-leave-active {
+  -webkit-transition: opacity 0.5s linear;
+  transition: opacity 0.5s linear;
+}
+
+.fade-enter,
+.fade-leave-active {
+  opacity: 0;
+}
+
+.custom-dialog .u-dialog-box {
+  width: 7.2rem;
+  height: 4rem;
+  border-radius: 0.133rem;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-content {
+  width: 100%;
+  height: 2.667rem;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  font-size: 0.48rem;
+  line-height: 0.587rem;
+  padding: 0 0.4rem;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-content:after {
+  height: 0;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-button {
+  border-spacing: 0.613rem 0;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel,
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm {
+  background-color: ;
+  padding: 0.213rem 0;
+  border-radius: 0.8rem;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:active,
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm:active {
+  background-color: ;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel {
+  color: ;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after {
+  width: 0;
+}
+
+.header {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 1.173rem;
+  z-index: 1030;
+  background-color: #010d19;
+}
+
+.header p {
+  position: absolute;
+  top: 0;
+  left: 1.467rem;
+  right: 1.467rem;
+  line-height: 1.173rem;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  color: #fff;
+  font-size: 0.507rem;
+  text-align: center;
+}
+
+.header span {
+  color: #fff;
+  width: 1.467rem;
+  line-height: 1.173rem;
+  display: block;
+}
+
+.header span:active {
+  opacity: 0.5;
+}
+
+.header .header-left {
+  float: left;
+  padding-left: 0.133rem;
+}
+
+.header .header-right {
+  float: right;
+  padding-right: 0.133rem;
+  text-align: right;
+}
+
+.header .icon {
+  font-family: iconfont;
+  font-size: 0.667rem;
+  -webkit-font-smoothing: antialiased;
+  line-height: 1.173rem;
+}
+
+.header ~ .content {
+  padding-top: 1.173rem;
+}
+
+.u-text {
+  width: 100%;
+  display: table;
+  position: relative;
+}
+
+.u-text input {
+  display: table-cell;
+  width: 100%;
+  border: 0;
+  outline: 0;
+  -webkit-appearance: none;
+  padding: 0.533rem 1.867rem 0.533rem 0.533rem;
+  background-color: transparent;
+}
+
+.u-text input[type=text] ~ .u-text-see {
+  color: #007aff;
+}
+
+.u-text .u-text-icon {
+  font-family: iconfont;
+  font-size: 0.533rem;
+  -webkit-font-smoothing: antialiased;
+  line-height: 1;
+  width: 1.173rem;
+  padding-left: 0.453rem;
+  display: table-cell;
+  vertical-align: middle;
+}
+
+.u-text .u-text-icon ~ input {
+  padding-left: 0;
+}
+
+.u-text .u-text-title {
+  width: 1.92rem;
+  padding-left: 0.533rem;
+  display: table-cell;
+  vertical-align: middle;
+}
+
+.u-text .u-text-title ~ input {
+  padding-left: 0;
+}
+
+.u-text .u-text-clear,
+.u-text .u-text-see {
+  position: absolute;
+  top: 0;
+  width: 0.8rem;
+  height: 100%;
+}
+
+.u-text .u-text-clear:before,
+.u-text .u-text-see:before {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  font-family: defaultIconfont;
+  font-size: 0.667rem;
+  -webkit-font-smoothing: antialiased;
+  line-height: 1;
+}
+
+.u-text .u-text-clear {
+  right: 0.8rem;
+}
+
+.u-text .u-text-clear:before {
+  content: '\e724';
+}
+
+.u-text .u-text-see {
+  right: 0;
+}
+
+.u-text .u-text-see:before {
+  content: '\e73c';
+}
+
+.u-text:after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 1px;
+  background: #bbb;
+}
+
+@media (max-height: 400px /*no*/) {
+  #app {
+    height: 17.253rem;
+    position: relative;
+  }
+}
+
+.u-button {
+  width: 6.4rem;
+  color: #fff;
+  font-size: inherit;
+  background-color: #007aff;
+  border-radius: 0.533rem;
+  text-align: center;
+  line-height: 1;
+  margin: 0 auto;
+  padding: 0.267rem 0;
+  -webkit-transition: all 0.2s linear;
+  transition: all 0.2s linear;
+  background-clip: padding-box;
+}
+
+.u-button:active {
+  background-color: #0065ff;
+}
+
+.u-button.disabled {
+  background-color: #bbb;
+}
\ No newline at end of file

web/view/doorlockManage/doorlockManage.css~HEAD_0

+@font-face {
+  font-family: 'defaultIconfont';
+  src: url('../../resources/font/defaultIconfont.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'iconfont';
+  src: url('//at.alicdn.com/t/font_372681_ifeqlzhn1k9e8kt9.ttf') format('truetype');
+}
+
+html,
+body {
+  width: 100%;
+  height: 100%;
+}
+
+body {
+  -webkit-user-select: none;
+  user-select: none;
+  color: #fff;
+  font-size: 0.373rem;
+  background: -webkit-linear-gradient(left, #242635, #fff, #242635);
+  background: linear-gradient(to right, #242635, #fff, #242635);
+  background-color: #242635;
+  -webkit-background-size: 100% 1px;
+  background-size: 100% 1px;
+  background-repeat: no-repeat;
+  background-position: bottom center;
+}
+
+ul {
+  padding-left: 0;
+  list-style: none;
+  margin-bottom: 0;
+}
+
+p {
+  margin-bottom: 0;
+}
+
+.u-loading {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1050;
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+.u-loading .u-loading-box {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+}
+
+.u-loading .u-loading-box .u-loading-icon {
+  width: 30px;
+  height: 30px;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-image: url("../../resources/image/white_loading_icon.png");
+  -webkit-background-size: cover;
+  background-size: cover;
+  margin: 0 auto;
+  -webkit-animation: uLoading 1s steps(12, end) infinite;
+  animation: uLoading 1s steps(12, end) infinite;
+}
+
+.u-loading .u-loading-box .u-loading-text {
+  color: #fff;
+  margin-top: 0.32rem;
+  text-align: center;
+}
+
+@-webkit-keyframes uLoading {
+  0% {
+    -webkit-transform: rotate3d(0, 0, 1, 0deg);
+    transform: rotate3d(0, 0, 1, 0deg);
+  }
+
+  100% {
+    -webkit-transform: rotate3d(0, 0, 1, 360deg);
+    transform: rotate3d(0, 0, 1, 360deg);
+  }
+}
+
+@keyframes uLoading {
+  0% {
+    -webkit-transform: rotate3d(0, 0, 1, 0deg);
+    transform: rotate3d(0, 0, 1, 0deg);
+  }
+
+  100% {
+    -webkit-transform: rotate3d(0, 0, 1, 360deg);
+    transform: rotate3d(0, 0, 1, 360deg);
+  }
+}
+
+.u-dialog {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1050;
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+.u-dialog .u-dialog-box {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  width: 6.667rem;
+  background-color: #fff;
+  border-radius: 0.32rem;
+}
+
+.u-dialog .u-dialog-box .u-dialog-content {
+  padding: 0.4rem;
+  text-align: center;
+  position: relative;
+}
+
+.u-dialog .u-dialog-box .u-dialog-content:after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 1px;
+  background: #bbb;
+}
+
+.u-dialog .u-dialog-box .u-dialog-button {
+  display: table;
+  width: 100%;
+  table-layout: fixed;
+  border-collapse: separate;
+}
+
+.u-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel,
+.u-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm {
+  display: table-cell;
+  color: #007aff;
+  text-align: center;
+  padding: 0.4rem 0;
+  line-height: 1;
+  position: relative;
+}
+
+.u-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after {
+  content: '';
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  width: 1px;
+  -webkit-transform: scaleX(0.5);
+  transform: scaleX(0.5);
+  background-color: #bbb;
+}
+
+.fade-enter-active,
+.fade-leave-active {
+  -webkit-transition: opacity 0.5s linear;
+  transition: opacity 0.5s linear;
+}
+
+.fade-enter,
+.fade-leave-active {
+  opacity: 0;
+}
+
+.custom-dialog .u-dialog-box {
+  width: 7.2rem;
+  height: 4rem;
+  border-radius: 0.133rem;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-content {
+  width: 100%;
+  height: 2.667rem;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  font-size: 0.48rem;
+  line-height: 0.587rem;
+  padding: 0 0.4rem;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-content:after {
+  height: 0;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-button {
+  border-spacing: 0.613rem 0;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel,
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm {
+  background-color: ;
+  padding: 0.213rem 0;
+  border-radius: 0.8rem;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:active,
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm:active {
+  background-color: ;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel {
+  color: ;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after {
+  width: 0;
+}
+
+.header {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 1.173rem;
+  z-index: 1030;
+  background-color: #010d19;
+}
+
+.header p {
+  position: absolute;
+  top: 0;
+  left: 1.467rem;
+  right: 1.467rem;
+  line-height: 1.173rem;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  color: #fff;
+  font-size: 0.507rem;
+  text-align: center;
+}
+
+.header span {
+  color: #fff;
+  width: 1.467rem;
+  line-height: 1.173rem;
+  display: block;
+}
+
+.header span:active {
+  opacity: 0.5;
+}
+
+.header .header-left {
+  float: left;
+  padding-left: 0.133rem;
+}
+
+.header .header-right {
+  float: right;
+  padding-right: 0.133rem;
+  text-align: right;
+}
+
+.header .icon {
+  font-family: iconfont;
+  font-size: 0.667rem;
+  -webkit-font-smoothing: antialiased;
+  line-height: 1.173rem;
+}
+
+.header ~ .content {
+  padding-top: 1.173rem;
+}
+
+.u-text {
+  width: 100%;
+  display: table;
+  position: relative;
+}
+
+.u-text input {
+  display: table-cell;
+  width: 100%;
+  border: 0;
+  outline: 0;
+  -webkit-appearance: none;
+  padding: 0.533rem 1.867rem 0.533rem 0.533rem;
+  background-color: transparent;
+}
+
+.u-text input[type=text] ~ .u-text-see {
+  color: #007aff;
+}
+
+.u-text .u-text-icon {
+  font-family: iconfont;
+  font-size: 0.533rem;
+  -webkit-font-smoothing: antialiased;
+  line-height: 1;
+  width: 1.173rem;
+  padding-left: 0.453rem;
+  display: table-cell;
+  vertical-align: middle;
+}
+
+.u-text .u-text-icon ~ input {
+  padding-left: 0;
+}
+
+.u-text .u-text-title {
+  width: 1.92rem;
+  padding-left: 0.533rem;
+  display: table-cell;
+  vertical-align: middle;
+}
+
+.u-text .u-text-title ~ input {
+  padding-left: 0;
+}
+
+.u-text .u-text-clear,
+.u-text .u-text-see {
+  position: absolute;
+  top: 0;
+  width: 0.8rem;
+  height: 100%;
+}
+
+.u-text .u-text-clear:before,
+.u-text .u-text-see:before {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  font-family: defaultIconfont;
+  font-size: 0.667rem;
+  -webkit-font-smoothing: antialiased;
+  line-height: 1;
+}
+
+.u-text .u-text-clear {
+  right: 0.8rem;
+}
+
+.u-text .u-text-clear:before {
+  content: '\e724';
+}
+
+.u-text .u-text-see {
+  right: 0;
+}
+
+.u-text .u-text-see:before {
+  content: '\e73c';
+}
+
+.u-text:after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 1px;
+  background: #bbb;
+}
+
+@media (max-height: 400px /*no*/) {
+  #app {
+    height: 17.253rem;
+    position: relative;
+  }
+}
+
+.u-button {
+  width: 6.4rem;
+  color: #fff;
+  font-size: inherit;
+  background-color: #007aff;
+  border-radius: 0.533rem;
+  text-align: center;
+  line-height: 1;
+  margin: 0 auto;
+  padding: 0.267rem 0;
+  -webkit-transition: all 0.2s linear;
+  transition: all 0.2s linear;
+  background-clip: padding-box;
+}
+
+.u-button:active {
+  background-color: #0065ff;
+}
+
+.u-button.disabled {
+  background-color: #bbb;
+}
\ No newline at end of file

web/view/doorlockManage/doorlockManage.css~remotes_origin_wangying

+@font-face {
+  font-family: 'defaultIconfont';
+  src: url('../../resources/font/defaultIconfont.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'iconfont';
+  src: url('../../resources/font/iconfont.ttf') format('truetype');
+}
+
+html,
+body {
+  width: 100%;
+  height: 100%;
+}
+
+body {
+  -webkit-user-select: none;
+  user-select: none;
+  color: #fff;
+  font-size: 0.373rem;
+  background: -webkit-linear-gradient(left, #242635, #fff, #242635);
+  background: linear-gradient(to right, #242635, #fff, #242635);
+  background-color: #242635;
+  -webkit-background-size: 100% 1px;
+  background-size: 100% 1px;
+  background-repeat: no-repeat;
+  background-position: bottom center;
+}
+
+ul {
+  padding-left: 0;
+  list-style: none;
+  margin-bottom: 0;
+}
+
+p {
+  margin-bottom: 0;
+}
+
+.u-loading {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1050;
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+.u-loading .u-loading-box {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+}
+
+.u-loading .u-loading-box .u-loading-icon {
+  width: 30px;
+  height: 30px;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-image: url("../../resources/image/white_loading_icon.png");
+  -webkit-background-size: cover;
+  background-size: cover;
+  margin: 0 auto;
+  -webkit-animation: uLoading 1s steps(12, end) infinite;
+  animation: uLoading 1s steps(12, end) infinite;
+}
+
+.u-loading .u-loading-box .u-loading-text {
+  color: #fff;
+  margin-top: 0.32rem;
+  text-align: center;
+}
+
+@-webkit-keyframes uLoading {
+  0% {
+    -webkit-transform: rotate3d(0, 0, 1, 0deg);
+    transform: rotate3d(0, 0, 1, 0deg);
+  }
+
+  100% {
+    -webkit-transform: rotate3d(0, 0, 1, 360deg);
+    transform: rotate3d(0, 0, 1, 360deg);
+  }
+}
+
+@keyframes uLoading {
+  0% {
+    -webkit-transform: rotate3d(0, 0, 1, 0deg);
+    transform: rotate3d(0, 0, 1, 0deg);
+  }
+
+  100% {
+    -webkit-transform: rotate3d(0, 0, 1, 360deg);
+    transform: rotate3d(0, 0, 1, 360deg);
+  }
+}
+
+.u-dialog {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1051;
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+.u-dialog .u-dialog-box {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  width: 6.667rem;
+  background-color: #fff;
+  border-radius: 0.32rem;
+}
+
+.u-dialog .u-dialog-box .u-dialog-content {
+  padding: 0.4rem;
+  text-align: center;
+  position: relative;
+}
+
+.u-dialog .u-dialog-box .u-dialog-content:after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 1px;
+  background: #bbb;
+}
+
+.u-dialog .u-dialog-box .u-dialog-button {
+  display: table;
+  width: 100%;
+  table-layout: fixed;
+  border-collapse: separate;
+}
+
+.u-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel,
+.u-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm {
+  display: table-cell;
+  color: #007aff;
+  text-align: center;
+  padding: 0.4rem 0;
+  line-height: 1;
+  position: relative;
+}
+
+.u-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after {
+  content: '';
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  width: 1px;
+  -webkit-transform: scaleX(0.5);
+  transform: scaleX(0.5);
+  background-color: #bbb;
+}
+
+.fade-enter-active,
+.fade-leave-active {
+  -webkit-transition: opacity 0.5s linear;
+  transition: opacity 0.5s linear;
+}
+
+.fade-enter,
+.fade-leave-active {
+  opacity: 0;
+}
+
+.custom-dialog {
+  background-color: rgba(36, 38, 53, 0.9);
+}
+
+.custom-dialog .u-dialog-box {
+  width: 9.467rem;
+  border-radius: 0.133rem;
+  background-color: transparent;
+  border: 1px solid;
+  color: #00ffff;
+  padding-bottom: 0.933rem;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-content {
+  width: 100%;
+  height: 3.733rem;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  font-size: 0.48rem;
+  line-height: 0.587rem;
+  padding: 0 0.4rem;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-content span {
+  margin-right: 0.32rem;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-content:after {
+  display: none;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-button {
+  display: block;
+  text-align: center;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel,
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm {
+  width: 3.6rem;
+  border-radius: 0.133rem;
+  background-color: transparent;
+  border: 1px solid;
+  color: #00ffff;
+  font-size: 0.427rem;
+  padding: 0.267rem 0;
+  display: inline-block;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:active,
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm:active {
+  background-color: #153D4C;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel.disabled,
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm.disabled {
+  background-color: transparent;
+  color: #999;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after {
+  display: none;
+}
+
+.header {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 1.173rem;
+  z-index: 1030;
+  background-color: #010d19;
+}
+
+.header p {
+  position: absolute;
+  top: 0;
+  left: 1.467rem;
+  right: 1.467rem;
+  line-height: 1.173rem;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  color: #fff;
+  font-size: 0.507rem;
+  text-align: center;
+}
+
+.header span {
+  color: #fff;
+  width: 1.467rem;
+  line-height: 1.173rem;
+  display: block;
+}
+
+.header span:active {
+  opacity: 0.5;
+}
+
+.header .header-left {
+  float: left;
+  padding-left: 0.133rem;
+}
+
+.header .header-right {
+  float: right;
+  padding-right: 0.133rem;
+  text-align: right;
+}
+
+.header .icon {
+  font-family: iconfont;
+  font-size: 0.667rem;
+  -webkit-font-smoothing: antialiased;
+  line-height: 1.173rem;
+}
+
+.header ~ .content {
+  padding-top: 1.173rem;
+}
+
+.qrcodeHelp {
+  margin: 0.8rem 0.8rem 0;
+}
+
+.qrcodeHelp li {
+  color: #91929a;
+  font-size: 0.427rem;
+  padding-left: 0.32rem;
+  text-indent: -0.32rem;
+  line-height: 0.48rem;
+  margin-bottom: 0.747rem;
+}
+
+.qrcodeHelp li:first-child {
+  color: inherit;
+  font-size: 0.48rem;
+  margin-bottom: 0.48rem;
+}
+
+.qrcodeHelp li p {
+  width: 5.333rem;
+  height: 5.333rem;
+  margin: 0 auto;
+  border: 1px solid;
+}
+
+.u-button {
+  width: 6.4rem;
+  color: #fff;
+  font-size: inherit;
+  background-color: #007aff;
+  border-radius: 0.533rem;
+  text-align: center;
+  line-height: 1;
+  margin: 0 auto;
+  padding: 0.267rem 0;
+  -webkit-transition: all 0.2s linear;
+  transition: all 0.2s linear;
+  background-clip: padding-box;
+}
+
+.u-button:active {
+  background-color: #0065ff;
+}
+
+.u-button.disabled {
+  background-color: #bbb;
+}
+
+.custom-button {
+  width: 7.333rem;
+  border-radius: 0.133rem;
+  background-color: transparent;
+  border: 1px solid;
+  color: #00ffff;
+  font-size: 0.427rem;
+  position: absolute;
+  bottom: 1.733rem;
+  left: 0;
+  right: 0;
+}
+
+.custom-button:active {
+  background-color: #153D4C;
+}
+
+.custom-button.disabled {
+  background-color: transparent;
+  color: #999;
+}
+
+.grid-list {
+  position: absolute;
+  top: 1.173rem;
+  bottom: 3.68rem;
+  left: 0;
+  width: 100%;
+  overflow: auto;
+}
+
+.grid-list-scroll .grid-list-row {
+  margin: 0.267rem;
+  border: 1px solid #00ffff;
+  border-radius: 0.133rem;
+}
+
+.grid-list-scroll .grid-list-row .grid-list-handle {
+  height: 1.493rem;
+  position: relative;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  padding: 0 0.32rem;
+}
+
+.grid-list-scroll .grid-list-row .grid-list-handle .grid-list-left-image {
+  width: 0.693rem;
+  height: 0.693rem;
+  margin-right: 0.133rem;
+}
+
+.grid-list-scroll .grid-list-row .grid-list-handle div {
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  flex: 1;
+  min-width: 0;
+}
+
+.grid-list-scroll .grid-list-row .grid-list-handle .grid-list-title {
+  font-size: 0.48rem;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.grid-list-scroll .grid-list-row .grid-list-handle .grid-list-right-icon {
+  font-family: iconfont;
+  font-size: 0.587rem;
+  -webkit-font-smoothing: antialiased;
+  line-height: 1;
+  -webkit-transform: rotate(180deg);
+  transform: rotate(180deg);
+}
+
+.grid-list-scroll .grid-list-row .grid-list-handle:after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 1px;
+  background: -webkit-linear-gradient(left, #242635, #fff, #242635);
+  background: linear-gradient(to right, #242635, #fff, #242635);
+}
+
+.grid-list-scroll .grid-list-row .grid-list-content {
+  height: 1.12rem;
+  display: table;
+  width: 100%;
+  table-layout: fixed;
+}
+
+.grid-list-scroll .grid-list-row .grid-list-content .grid-list-button {
+  display: table-cell;
+  vertical-align: middle;
+}
+
+.grid-list-scroll .grid-list-row .grid-list-content .grid-list-button .grid-list-button-bg {
+  width: 0.8rem;
+  height: 0.8rem;
+  text-align: center;
+  color: #00ffff;
+  border: 1px solid;
+  border-radius: 50%;
+  font-family: iconfont;
+  font-size: 0.427rem;
+  -webkit-font-smoothing: antialiased;
+  line-height: 0.8rem;
+  display: inline-block;
+}
+
+.grid-list-scroll .grid-list-row .grid-list-content .grid-list-button:nth-child(1) {
+  padding-left: 0.427rem;
+}
+
+.grid-list-scroll .grid-list-row .grid-list-content .grid-list-button:nth-child(2) {
+  padding-left: 0.667rem;
+}
+
+.grid-list-scroll .grid-list-row .grid-list-content .grid-list-button:nth-child(3) {
+  padding-left: 0.907rem;
+}
+
+.grid-list-scroll .grid-list-row .grid-list-content .grid-list-button:nth-child(4) {
+  text-align: right;
+  padding-right: 0.427rem;
+}
+
+.grid-list-load {
+  color: #00ffff;
+  font-size: 0.427rem;
+  -webkit-transform: scale(0.7);
+  transform: scale(0.7);
+  height: 0.933rem;
+  line-height: 0.933rem;
+  text-align: center;
+}
+
+.grid-list-tip {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  -webkit-transform: translateY(-50%);
+  transform: translateY(-50%);
+  width: 100%;
+  text-align: center;
+  color: #00ffff;
+  font-size: 0.48rem;
+}
+
+.u-text {
+  width: 100%;
+  display: table;
+  position: relative;
+}
+
+.u-text input {
+  display: table-cell;
+  width: 100%;
+  border: 0;
+  outline: 0;
+  -webkit-appearance: none;
+  padding: 0.533rem 1.867rem 0.533rem 0.533rem;
+  background-color: transparent;
+}
+
+.u-text input[type=text] ~ .u-text-see {
+  color: #007aff;
+}
+
+.u-text .u-text-icon {
+  font-family: iconfont;
+  font-size: 0.533rem;
+  -webkit-font-smoothing: antialiased;
+  line-height: 1;
+  width: 1.12rem;
+  padding-left: 0.453rem;
+  display: table-cell;
+  vertical-align: middle;
+}
+
+.u-text .u-text-icon ~ input {
+  padding-left: 0;
+}
+
+.u-text .u-text-title {
+  width: 1.92rem;
+  padding-left: 0.533rem;
+  display: table-cell;
+  vertical-align: middle;
+}
+
+.u-text .u-text-title ~ input {
+  padding-left: 0;
+}
+
+.u-text .u-text-clear,
+.u-text .u-text-see {
+  position: absolute;
+  top: 0;
+  width: 0.8rem;
+  height: 100%;
+}
+
+.u-text .u-text-clear:before,
+.u-text .u-text-see:before {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  font-family: defaultIconfont;
+  font-size: 0.667rem;
+  -webkit-font-smoothing: antialiased;
+  line-height: 1;
+}
+
+.u-text .u-text-clear {
+  right: 0.8rem;
+}
+
+.u-text .u-text-clear:before {
+  content: '\e724';
+}
+
+.u-text .u-text-see {
+  right: 0;
+}
+
+.u-text .u-text-see:before {
+  content: '\e73c';
+}
+
+.u-text:after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 1px;
+  background: #bbb;
+}
+
+@media (max-height: 400px /*no*/) {
+  #app {
+    height: 17.253rem;
+    position: relative;
+  }
+}
+
+.custom-editName-text input {
+  font-size: 0.48rem;
+  padding-left: 1.227rem;
+}
+
+.custom-editName-text input::-webkit-input-placeholder {
+  color: #91929a;
+}
+
+.custom-editName-text .u-text-clear {
+  right: 1.093rem;
+}
+
+.custom-editName-text .u-text-clear:before {
+  content: '\e601';
+  font-family: iconfont;
+  color: #00ffff;
+  font-size: 0.533rem;
+}
+
+.custom-editName-text:after {
+  background: -webkit-linear-gradient(left, #242635, #fff, #242635);
+  background: linear-gradient(to right, #242635, #fff, #242635);
+}
+
+.errorTip {
+  color: #fc2168;
+  font-size: 0.427rem;
+  -webkit-transform: scale(0.7);
+  transform: scale(0.7);
+  text-align: center;
+  height: 1.067rem;
+  line-height: 1.067rem;
+}
\ No newline at end of file

web/view/doorlockManage/doorlockManage.css~remotes_origin_wangying_0

+@font-face {
+  font-family: 'defaultIconfont';
+  src: url('../../resources/font/defaultIconfont.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'iconfont';
+  src: url('../../resources/font/iconfont.ttf') format('truetype');
+}
+
+html,
+body {
+  width: 100%;
+  height: 100%;
+}
+
+body {
+  -webkit-user-select: none;
+  user-select: none;
+  color: #fff;
+  font-size: 0.373rem;
+  background: -webkit-linear-gradient(left, #242635, #fff, #242635);
+  background: linear-gradient(to right, #242635, #fff, #242635);
+  background-color: #242635;
+  -webkit-background-size: 100% 1px;
+  background-size: 100% 1px;
+  background-repeat: no-repeat;
+  background-position: bottom center;
+}
+
+ul {
+  padding-left: 0;
+  list-style: none;
+  margin-bottom: 0;
+}
+
+p {
+  margin-bottom: 0;
+}
+
+.u-loading {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1050;
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+.u-loading .u-loading-box {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+}
+
+.u-loading .u-loading-box .u-loading-icon {
+  width: 30px;
+  height: 30px;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-image: url("../../resources/image/white_loading_icon.png");
+  -webkit-background-size: cover;
+  background-size: cover;
+  margin: 0 auto;
+  -webkit-animation: uLoading 1s steps(12, end) infinite;
+  animation: uLoading 1s steps(12, end) infinite;
+}
+
+.u-loading .u-loading-box .u-loading-text {
+  color: #fff;
+  margin-top: 0.32rem;
+  text-align: center;
+}
+
+@-webkit-keyframes uLoading {
+  0% {
+    -webkit-transform: rotate3d(0, 0, 1, 0deg);
+    transform: rotate3d(0, 0, 1, 0deg);
+  }
+
+  100% {
+    -webkit-transform: rotate3d(0, 0, 1, 360deg);
+    transform: rotate3d(0, 0, 1, 360deg);
+  }
+}
+
+@keyframes uLoading {
+  0% {
+    -webkit-transform: rotate3d(0, 0, 1, 0deg);
+    transform: rotate3d(0, 0, 1, 0deg);
+  }
+
+  100% {
+    -webkit-transform: rotate3d(0, 0, 1, 360deg);
+    transform: rotate3d(0, 0, 1, 360deg);
+  }
+}
+
+.u-dialog {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1051;
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+.u-dialog .u-dialog-box {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  width: 6.667rem;
+  background-color: #fff;
+  border-radius: 0.32rem;
+}
+
+.u-dialog .u-dialog-box .u-dialog-content {
+  padding: 0.4rem;
+  text-align: center;
+  position: relative;
+}
+
+.u-dialog .u-dialog-box .u-dialog-content:after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 1px;
+  background: #bbb;
+}
+
+.u-dialog .u-dialog-box .u-dialog-button {
+  display: table;
+  width: 100%;
+  table-layout: fixed;
+  border-collapse: separate;
+}
+
+.u-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel,
+.u-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm {
+  display: table-cell;
+  color: #007aff;
+  text-align: center;
+  padding: 0.4rem 0;
+  line-height: 1;
+  position: relative;
+}
+
+.u-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after {
+  content: '';
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  width: 1px;
+  -webkit-transform: scaleX(0.5);
+  transform: scaleX(0.5);
+  background-color: #bbb;
+}
+
+.fade-enter-active,
+.fade-leave-active {
+  -webkit-transition: opacity 0.5s linear;
+  transition: opacity 0.5s linear;
+}
+
+.fade-enter,
+.fade-leave-active {
+  opacity: 0;
+}
+
+.custom-dialog {
+  background-color: rgba(36, 38, 53, 0.9);
+}
+
+.custom-dialog .u-dialog-box {
+  width: 9.467rem;
+  border-radius: 0.133rem;
+  background-color: transparent;
+  border: 1px solid;
+  color: #00ffff;
+  padding-bottom: 0.933rem;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-content {
+  width: 100%;
+  height: 3.733rem;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  font-size: 0.48rem;
+  line-height: 0.587rem;
+  padding: 0 0.4rem;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-content span {
+  margin-right: 0.32rem;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-content:after {
+  display: none;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-button {
+  display: block;
+  text-align: center;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel,
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm {
+  width: 3.6rem;
+  border-radius: 0.133rem;
+  background-color: transparent;
+  border: 1px solid;
+  color: #00ffff;
+  font-size: 0.427rem;
+  padding: 0.267rem 0;
+  display: inline-block;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:active,
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm:active {
+  background-color: #153D4C;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel.disabled,
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm.disabled {
+  background-color: transparent;
+  color: #999;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after {
+  display: none;
+}
+
+.header {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 1.173rem;
+  z-index: 1030;
+  background-color: #010d19;
+}
+
+.header p {
+  position: absolute;
+  top: 0;
+  left: 1.467rem;
+  right: 1.467rem;
+  line-height: 1.173rem;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  color: #fff;
+  font-size: 0.507rem;
+  text-align: center;
+}
+
+.header span {
+  color: #fff;
+  width: 1.467rem;
+  line-height: 1.173rem;
+  display: block;
+}
+
+.header span:active {
+  opacity: 0.5;
+}
+
+.header .header-left {
+  float: left;
+  padding-left: 0.133rem;
+}
+
+.header .header-right {
+  float: right;
+  padding-right: 0.133rem;
+  text-align: right;
+}
+
+.header .icon {
+  font-family: iconfont;
+  font-size: 0.667rem;
+  -webkit-font-smoothing: antialiased;
+  line-height: 1.173rem;
+}
+
+.header ~ .content {
+  padding-top: 1.173rem;
+}
+
+.qrcodeHelp {
+  margin: 0.8rem 0.8rem 0;
+}
+
+.qrcodeHelp li {
+  color: #91929a;
+  font-size: 0.427rem;
+  padding-left: 0.32rem;
+  text-indent: -0.32rem;
+  line-height: 0.48rem;
+  margin-bottom: 0.747rem;
+}
+
+.qrcodeHelp li:first-child {
+  color: inherit;
+  font-size: 0.48rem;
+  margin-bottom: 0.48rem;
+}
+
+.qrcodeHelp li p {
+  width: 5.333rem;
+  height: 5.333rem;
+  margin: 0 auto;
+  border: 1px solid;
+}
+
+.u-button {
+  width: 6.4rem;
+  color: #fff;
+  font-size: inherit;
+  background-color: #007aff;
+  border-radius: 0.533rem;
+  text-align: center;
+  line-height: 1;
+  margin: 0 auto;
+  padding: 0.267rem 0;
+  -webkit-transition: all 0.2s linear;
+  transition: all 0.2s linear;
+  background-clip: padding-box;
+}
+
+.u-button:active {
+  background-color: #0065ff;
+}
+
+.u-button.disabled {
+  background-color: #bbb;
+}
+
+.custom-button {
+  width: 7.333rem;
+  border-radius: 0.133rem;
+  background-color: transparent;
+  border: 1px solid;
+  color: #00ffff;
+  font-size: 0.427rem;
+  position: absolute;
+  bottom: 1.733rem;
+  left: 0;
+  right: 0;
+}
+
+.custom-button:active {
+  background-color: #153D4C;
+}
+
+.custom-button.disabled {
+  background-color: transparent;
+  color: #999;
+}
+
+.grid-list {
+  position: absolute;
+  top: 1.173rem;
+  bottom: 3.68rem;
+  left: 0;
+  width: 100%;
+  overflow: auto;
+}
+
+.grid-list-scroll .grid-list-row {
+  margin: 0.267rem;
+  border: 1px solid #00ffff;
+  border-radius: 0.133rem;
+}
+
+.grid-list-scroll .grid-list-row .grid-list-handle {
+  height: 1.493rem;
+  position: relative;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  padding: 0 0.32rem;
+}
+
+.grid-list-scroll .grid-list-row .grid-list-handle .grid-list-left-image {
+  width: 0.693rem;
+  height: 0.693rem;
+  margin-right: 0.133rem;
+}
+
+.grid-list-scroll .grid-list-row .grid-list-handle div {
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  flex: 1;
+  min-width: 0;
+}
+
+.grid-list-scroll .grid-list-row .grid-list-handle .grid-list-title {
+  font-size: 0.48rem;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.grid-list-scroll .grid-list-row .grid-list-handle .grid-list-right-icon {
+  font-family: iconfont;
+  font-size: 0.587rem;
+  -webkit-font-smoothing: antialiased;
+  line-height: 1;
+  -webkit-transform: rotate(180deg);
+  transform: rotate(180deg);
+}
+
+.grid-list-scroll .grid-list-row .grid-list-handle:after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 1px;
+  background: -webkit-linear-gradient(left, #242635, #fff, #242635);
+  background: linear-gradient(to right, #242635, #fff, #242635);
+}
+
+.grid-list-scroll .grid-list-row .grid-list-content {
+  height: 1.12rem;
+  display: table;
+  width: 100%;
+  table-layout: fixed;
+}
+
+.grid-list-scroll .grid-list-row .grid-list-content .grid-list-button {
+  display: table-cell;
+  vertical-align: middle;
+}
+
+.grid-list-scroll .grid-list-row .grid-list-content .grid-list-button .grid-list-button-bg {
+  width: 0.8rem;
+  height: 0.8rem;
+  text-align: center;
+  color: #00ffff;
+  border: 1px solid;
+  border-radius: 50%;
+  font-family: iconfont;
+  font-size: 0.427rem;
+  -webkit-font-smoothing: antialiased;
+  line-height: 0.8rem;
+  display: inline-block;
+}
+
+.grid-list-scroll .grid-list-row .grid-list-content .grid-list-button:nth-child(1) {
+  padding-left: 0.427rem;
+}
+
+.grid-list-scroll .grid-list-row .grid-list-content .grid-list-button:nth-child(2) {
+  padding-left: 0.667rem;
+}
+
+.grid-list-scroll .grid-list-row .grid-list-content .grid-list-button:nth-child(3) {
+  padding-left: 0.907rem;
+}
+
+.grid-list-scroll .grid-list-row .grid-list-content .grid-list-button:nth-child(4) {
+  text-align: right;
+  padding-right: 0.427rem;
+}
+
+.grid-list-load {
+  color: #00ffff;
+  font-size: 0.427rem;
+  -webkit-transform: scale(0.7);
+  transform: scale(0.7);
+  height: 0.933rem;
+  line-height: 0.933rem;
+  text-align: center;
+}
+
+.grid-list-tip {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  -webkit-transform: translateY(-50%);
+  transform: translateY(-50%);
+  width: 100%;
+  text-align: center;
+  color: #00ffff;
+  font-size: 0.48rem;
+}
+
+.u-text {
+  width: 100%;
+  display: table;
+  position: relative;
+}
+
+.u-text input {
+  display: table-cell;
+  width: 100%;
+  border: 0;
+  outline: 0;
+  -webkit-appearance: none;
+  padding: 0.533rem 1.867rem 0.533rem 0.533rem;
+  background-color: transparent;
+}
+
+.u-text input[type=text] ~ .u-text-see {
+  color: #007aff;
+}
+
+.u-text .u-text-icon {
+  font-family: iconfont;
+  font-size: 0.533rem;
+  -webkit-font-smoothing: antialiased;
+  line-height: 1;
+  width: 1.12rem;
+  padding-left: 0.453rem;
+  display: table-cell;
+  vertical-align: middle;
+}
+
+.u-text .u-text-icon ~ input {
+  padding-left: 0;
+}
+
+.u-text .u-text-title {
+  width: 1.92rem;
+  padding-left: 0.533rem;
+  display: table-cell;
+  vertical-align: middle;
+}
+
+.u-text .u-text-title ~ input {
+  padding-left: 0;
+}
+
+.u-text .u-text-clear,
+.u-text .u-text-see {
+  position: absolute;
+  top: 0;
+  width: 0.8rem;
+  height: 100%;
+}
+
+.u-text .u-text-clear:before,
+.u-text .u-text-see:before {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  font-family: defaultIconfont;
+  font-size: 0.667rem;
+  -webkit-font-smoothing: antialiased;
+  line-height: 1;
+}
+
+.u-text .u-text-clear {
+  right: 0.8rem;
+}
+
+.u-text .u-text-clear:before {
+  content: '\e724';
+}
+
+.u-text .u-text-see {
+  right: 0;
+}
+
+.u-text .u-text-see:before {
+  content: '\e73c';
+}
+
+.u-text:after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 1px;
+  background: #bbb;
+}
+
+@media (max-height: 400px /*no*/) {
+  #app {
+    height: 17.253rem;
+    position: relative;
+  }
+}
+
+.custom-editName-text input {
+  font-size: 0.48rem;
+  padding-left: 1.227rem;
+}
+
+.custom-editName-text input::-webkit-input-placeholder {
+  color: #91929a;
+}
+
+.custom-editName-text .u-text-clear {
+  right: 1.093rem;
+}
+
+.custom-editName-text .u-text-clear:before {
+  content: '\e601';
+  font-family: iconfont;
+  color: #00ffff;
+  font-size: 0.533rem;
+}
+
+.custom-editName-text:after {
+  background: -webkit-linear-gradient(left, #242635, #fff, #242635);
+  background: linear-gradient(to right, #242635, #fff, #242635);
+}
+
+.errorTip {
+  color: #fc2168;
+  font-size: 0.427rem;
+  -webkit-transform: scale(0.7);
+  transform: scale(0.7);
+  text-align: center;
+  height: 1.067rem;
+  line-height: 1.067rem;
+}
\ No newline at end of file

web/view/doorlockUsers/doorlockUsers.css

+@font-face {
+  font-family: 'defaultIconfont';
+  src: url('../../resources/font/defaultIconfont.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'iconfont';
+  src: url('../../resources/font/iconfont.ttf') format('truetype');
+}
+
+html,
+body {
+  width: 100%;
+  height: 100%;
+}
+
+body {
+  -webkit-user-select: none;
+  user-select: none;
+  color: #fff;
+  font-size: 0.373rem;
+  background: -webkit-linear-gradient(left, #242635, #fff, #242635);
+  background: linear-gradient(to right, #242635, #fff, #242635);
+  background-color: #242635;
+  -webkit-background-size: 100% 1px;
+  background-size: 100% 1px;
+  background-repeat: no-repeat;
+  background-position: bottom center;
+}
+
+ul {
+  padding-left: 0;
+  list-style: none;
+  margin-bottom: 0;
+}
+
+p {
+  margin-bottom: 0;
+}
+
+.u-loading {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1050;
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+.u-loading .u-loading-box {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  -webkit-transform: translateY(-50%);
+  transform: translateY(-50%);
+  right: 0;
+}
+
+.u-loading .u-loading-box .u-loading-icon {
+  width: 30px;
+  height: 30px;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-image: url("../../resources/image/white_loading_icon.png");
+  -webkit-background-size: cover;
+  background-size: cover;
+  margin: 0 auto;
+  -webkit-animation: loading 1s steps(12, end) infinite;
+  animation: loading 1s steps(12, end) infinite;
+}
+
+.u-loading .u-loading-box .u-loading-text {
+  color: #fff;
+  margin-top: 0.32rem;
+  text-align: center;
+}
+
+@-webkit-keyframes loading {
+  0% {
+    -webkit-transform: rotate3d(0, 0, 1, 0deg);
+    transform: rotate3d(0, 0, 1, 0deg);
+  }
+
+  100% {
+    -webkit-transform: rotate3d(0, 0, 1, 360deg);
+    transform: rotate3d(0, 0, 1, 360deg);
+  }
+}
+
+@keyframes loading {
+  0% {
+    -webkit-transform: rotate3d(0, 0, 1, 0deg);
+    transform: rotate3d(0, 0, 1, 0deg);
+  }
+
+  100% {
+    -webkit-transform: rotate3d(0, 0, 1, 360deg);
+    transform: rotate3d(0, 0, 1, 360deg);
+  }
+}
+
+.custom-loading {
+  background-color: rgba(36, 38, 53, 0.9);
+}
+
+.custom-loading .u-loading-box {
+  color: #00ffff;
+}
+
+.custom-loading .u-loading-box .u-loading-icon {
+  font-size: 0.427rem;
+  margin: 0 auto;
+  width: 3.750em;
+  height: 3.750em;
+  position: relative;
+  background: none;
+  -webkit-animation: none;
+  animation: none;
+}
+
+.custom-loading .u-loading-box .u-loading-icon:before {
+  content: '';
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  width: 0.5em;
+  height: 0.5em;
+  margin: auto;
+  border-radius: 50%;
+  -webkit-transform: translateZ(0) scale(0.55);
+  transform: translateZ(0) scale(0.55);
+  -webkit-animation: loading 1.3s infinite linear;
+  animation: loading 1.3s infinite linear;
+}
+
+.custom-loading .u-loading-box .u-loading-text {
+  color: inherit;
+  font-size: 0.427rem;
+  margin-top: 0.533rem;
+}
+
+@-webkit-keyframes loading {
+  0%, 100% {
+    -webkit-box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
+    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
+  }
+
+  12.5% {
+    -webkit-box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
+    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
+  }
+
+  25% {
+    -webkit-box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
+    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
+  }
+
+  37.5% {
+    -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
+    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
+  }
+
+  50% {
+    -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
+    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
+  }
+
+  62.5% {
+    -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
+    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
+  }
+
+  75% {
+    -webkit-box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
+    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
+  }
+
+  87.5% {
+    -webkit-box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
+    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
+  }
+}
+
+@keyframes loading {
+  0%, 100% {
+    -webkit-box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
+    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
+  }
+
+  12.5% {
+    -webkit-box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
+    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
+  }
+
+  25% {
+    -webkit-box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
+    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
+  }
+
+  37.5% {
+    -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
+    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
+  }
+
+  50% {
+    -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
+    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
+  }
+
+  62.5% {
+    -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
+    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
+  }
+
+  75% {
+    -webkit-box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
+    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
+  }
+
+  87.5% {
+    -webkit-box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
+    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
+  }
+}
+
+.u-dialog {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1051;
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+.u-dialog .u-dialog-box {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  width: 6.667rem;
+  background-color: #fff;
+  border-radius: 0.32rem;
+}
+
+.u-dialog .u-dialog-box .u-dialog-content {
+  padding: 0.4rem;
+  text-align: center;
+  position: relative;
+}
+
+.u-dialog .u-dialog-box .u-dialog-content:after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 1px;
+  background: #bbb;
+}
+
+.u-dialog .u-dialog-box .u-dialog-button {
+  display: table;
+  width: 100%;
+  table-layout: fixed;
+  border-collapse: separate;
+}
+
+.u-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel,
+.u-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm {
+  display: table-cell;
+  color: #007aff;
+  text-align: center;
+  padding: 0.4rem 0;
+  line-height: 1;
+  position: relative;
+}
+
+.u-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after {
+  content: '';
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  width: 1px;
+  -webkit-transform: scaleX(0.5);
+  transform: scaleX(0.5);
+  background-color: #bbb;
+}
+
+.fade-enter-active,
+.fade-leave-active {
+  -webkit-transition: opacity 0.5s linear;
+  transition: opacity 0.5s linear;
+}
+
+.fade-enter,
+.fade-leave-active {
+  opacity: 0;
+}
+
+.custom-dialog {
+  background-color: rgba(36, 38, 53, 0.9);
+}
+
+.custom-dialog .u-dialog-box {
+  width: 9.467rem;
+  border-radius: 0.133rem;
+  background-color: transparent;
+  border: 1px solid;
+  color: #00ffff;
+  padding-bottom: 0.933rem;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-content {
+  width: 100%;
+  height: 3.733rem;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  font-size: 0.48rem;
+  line-height: 0.587rem;
+  padding: 0 0.4rem;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-content span {
+  margin-right: 0.32rem;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-content:after {
+  display: none;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-button {
+  display: block;
+  text-align: center;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel,
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm {
+  width: 3.6rem;
+  border-radius: 0.133rem;
+  background-color: transparent;
+  border: 1px solid;
+  color: #00ffff;
+  font-size: 0.427rem;
+  padding: 0.267rem 0;
+  display: inline-block;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:active,
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm:active {
+  background-color: #153D4C;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel.disabled,
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm.disabled {
+  background-color: transparent;
+  color: #999;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after {
+  display: none;
+}
+
+.header {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 1.173rem;
+  z-index: 1030;
+  background-color: #010d19;
+}
+
+.header p {
+  position: absolute;
+  top: 0;
+  left: 1.467rem;
+  right: 1.467rem;
+  line-height: 1.173rem;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  color: #fff;
+  font-size: 0.507rem;
+  text-align: center;
+}
+
+.header span {
+  color: #fff;
+  width: 1.467rem;
+  line-height: 1.173rem;
+  display: block;
+}
+
+.header span:active {
+  opacity: 0.5;
+}
+
+.header .header-left {
+  float: left;
+  padding-left: 0.133rem;
+}
+
+.header .header-right {
+  float: right;
+  padding-right: 0.133rem;
+  text-align: right;
+}
+
+.header .icon {
+  font-family: iconfont;
+  font-size: 0.667rem;
+  -webkit-font-smoothing: antialiased;
+  line-height: 1.173rem;
+}
+
+.header ~ .content {
+  padding-top: 1.173rem;
+}
+
+.user-list {
+  width: 100%;
+  height: 100%;
+  overflow: auto;
+  position: absolute;
+  top: 1.173rem;
+  bottom: 0;
+  left: 0;
+  height: auto;
+}
+
+.user-list-scroll .user-list-row {
+  position: relative;
+  overflow: hidden;
+}
+
+.user-list-scroll .user-list-row .user-list-handle {
+  position: relative;
+  -webkit-transition: left 0.4s ease;
+  transition: left 0.4s ease;
+  left: 0;
+  background-color: #242635;
+  padding: 0.4rem 0.533rem;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  z-index: 2;
+}
+
+.user-list-scroll .user-list-row .user-list-handle .user-list-image {
+  width: 1.333rem;
+  height: 1.333rem;
+  margin-right: 0.267rem;
+}
+
+.user-list-scroll .user-list-row .user-list-handle .user-list-icon {
+  margin-right: 0.267rem;
+  font-family: iconfont;
+  font-size: 0.533rem;
+  -webkit-font-smoothing: antialiased;
+  line-height: 1;
+}
+
+.user-list-scroll .user-list-row .user-list-handle div {
+  -webkit-box-flex: 1;
+  -webkit-flex: 1;
+  flex: 1;
+  min-width: 0;
+}
+
+.user-list-scroll .user-list-row .user-list-handle .user-list-title {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.user-list-scroll .user-list-row .user-list-handle .user-sub-image {
+  width: 0.453rem;
+  height: 0.453rem;
+}
+
+.user-list-scroll .user-list-row .user-list-handle .user-list-subtitle {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  display: inline-block;
+}
+
+.user-list-scroll .user-list-row .user-list-handle.user-list-selected {
+  left: -3.2rem;
+}
+
+.user-list-scroll .user-list-row .user-list-handle:after {
+  content: "\e611";
+  display: block;
+  font-family: iconfont;
+  font-size: 0.533rem;
+  -webkit-font-smoothing: antialiased;
+  line-height: 1;
+  -webkit-transform: rotate(180deg);
+  transform: rotate(180deg);
+}
+
+.user-list-scroll .user-list-row .user-list-button {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  z-index: 1;
+}
+
+.user-list-scroll .user-list-row .user-list-button div {
+  width: 1.6rem;
+  height: 100%;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  color: #fff;
+  float: left;
+}
+
+.user-list-scroll .user-list-row .user-list-button div:nth-last-of-type(1) {
+  background-color: transparent;
+  font-family: iconfont;
+  font-size: 0.533rem;
+  -webkit-font-smoothing: antialiased;
+  line-height: 1;
+  color: #00FFFF;
+}
+
+.user-list-scroll .user-list-row:after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 1px;
+  background: #bbb;
+  z-index: 2;
+  background: -webkit-linear-gradient(left, #242635, #fff, #242635);
+  background: linear-gradient(to right, #242635, #fff, #242635);
+}
\ No newline at end of file

web/view/doorlockUsers/index.html

+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>
+	    <meta name="apple-mobile-web-app-capable" content="yes"/>
+	    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
+	    <meta name="format-detection" content="telephone=no"/>
+	    <title></title>
+	    <link rel="stylesheet" type="text/css" href="../../lib/css/bootstrap.min.css">
+	    <link rel="stylesheet" type="text/css" href="./doorlockUsers.css">
+	    <style type="text/css">
+	        [v-cloak]{
+	            display: none;
+	        }
+	    </style>
+	    <script type="text/javascript" src="../../lib/js/p.js"></script>
+	    <script type="text/javascript" src="../../lib/js/UIOT.js"></script>
+	</head>
+	<body  ontouchstart="">
+		<div id="app" v-cloak>
+			<div class="header">
+	            <v-touch tag="span" class="header-left icon" v-on:tap="onBackTap">&#xe611;</v-touch>           
+	            <p>{{ $t('title.doorlockUsers') }}</p>
+	            <v-touch tag="span" class="header-right icon" v-on:tap="onUserTap">&#xe600;</v-touch>   
+	        </div>
+			<div class="user-list">
+				<ul class="user-list-scroll" v-show="userList.length">
+					<v-touch tag="li" class="user-list-row" v-for="(item, index) in userList" :key="index"
+		                     v-on:swipeleft="onSwipeLeftRow(index)"
+		                     v-on:swiperight="onSwipeRightRow"
+		                     v-bind:swipe-options="{direction: 'horizontal'}">
+		                <v-touch tag="div" class="user-list-handle"
+		                        v-bind:class="{'user-list-selected': (index == userListIndex)}"
+		                        v-on:tap="onTapUserList(index)">
+		                    <img class="user-list-image" v-if="item.image && item.role == 0" v-bind:src="item.image">
+		                    <div>
+		                        <p class="user-list-title">{{ item.title }}</p>
+		                        
+		                        <p class="user-list-subtitle">
+		                        	<img class="user-sub-image" v-if="item.image && item.role != 0" v-bind:src="item.image">
+		                        	{{ item.subtitle }}
+		                        </p>
+		                    </div>
+		                </v-touch>
+		                <div class="user-list-button">
+		                    <v-touch tag="div" v-on:tap="onTapButton(index)">
+		                        &#xe66d;
+		                    </v-touch>
+		                </div>
+		            </v-touch>
+		            <v-touch tag="li" class="user-list-load" v-on:tap="onTapLoad" v-show="loadShowFlag">{{ loadText }}
+				</ul>
+       			<p class="user-list-tip" v-show="(userList.length == 0)">{{ tip }}</p>
+			</div>
+	    </div>
+    	<script type="text/javascript" src="./index.js" defer async></script>
+	</body>
+</html>

web/view/myInfo/editNickname.html

+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>
+	    <meta name="apple-mobile-web-app-capable" content="yes"/>
+	    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
+	    <meta name="format-detection" content="telephone=no"/>
+	    <title></title>
+	    <link rel="stylesheet" type="text/css" href="../../lib/css/bootstrap.min.css">
+	    <link rel="stylesheet" type="text/css" href="./myInfo.css">
+	    <style type="text/css">
+	        [v-cloak]{
+	            display: none;
+	        }
+	    </style>
+	    <script type="text/javascript" src="../../lib/js/p.js"></script>
+	    <script type="text/javascript" src="../../lib/js/UIOT.js"></script>
+	</head>
+	<body  ontouchstart="">
+		<div id="app" v-cloak>
+			<div class="header">
+	            <v-touch tag="span" class="header-left icon" v-on:tap="onBackTap">&#xe611;</v-touch>           
+	            <p>{{ $t('title.doorlockUsers') }}</p>   
+	            <v-touch tag="span" class="header-right" v-on:tap="onSaveTap">{{ $t('btn.save') }}</v-touch>           
+	        </div>
+	        <div class="content">
+		        <u-text :init-param="componentsConfig.nameInput.initParam" :text="textNickName"
+	                v-on:u-text-change="onNicknameChange(arguments[0])"></u-text>
+	            <p class="errorTip" v-if="textErrorTip">{{ textErrorTip }}</p>
+	        	<u-dialog ref="udialog" :init-param="componentsConfig.dialog.initParam"></u-dialog>
+		    	<u-loading ref="uloading" :init-param="componentsConfig.loading.initParam"></u-loading>
+		    </div>
+		</div>
+    	<script type="text/javascript" src="./editNickname.js" defer async></script>
+	</body>
+</html>

web/view/myInfo/editPassword.html

+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>
+	    <meta name="apple-mobile-web-app-capable" content="yes"/>
+	    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
+	    <meta name="format-detection" content="telephone=no"/>
+	    <title></title>
+	    <link rel="stylesheet" type="text/css" href="../../lib/css/bootstrap.min.css">
+	    <link rel="stylesheet" type="text/css" href="./myInfo.css">
+	    <style type="text/css">
+	        [v-cloak]{
+	            display: none;
+	        }
+	    </style>
+	    <script type="text/javascript" src="../../lib/js/p.js"></script>
+	    <script type="text/javascript" src="../../lib/js/UIOT.js"></script>
+	</head>
+	<body  ontouchstart="">
+		<div id="app" v-cloak>
+			<div class="header">
+	            <v-touch tag="span" class="header-left icon" v-on:tap="onBackTap">&#xe611;</v-touch>           
+	            <p>{{ $t('title.doorlockUsers') }}</p>   
+	            <v-touch tag="span" class="header-right" v-on:tap="onSaveTap">{{ $t('btn.save') }}</v-touch>           
+	        </div>
+	        <div class="content">
+		        <u-text :init-param="componentsConfig.newPassword.initParam" :text="textNewPassword"
+	                v-on:u-text-change="onNewPasswordChange(arguments[0])"></u-text>  
+	            <u-text :init-param="componentsConfig.oldPassword.initParam" :text="textOldPassword"
+	                v-on:u-text-change="onOldPasswordChange(arguments[0])"></u-text> 
+	            <u-text :init-param="componentsConfig.oldPasswordAgain.initParam" :text="textOldPasswordAgain"
+	                v-on:u-text-change="onOldPasswordAgainChange(arguments[0])"></u-text> 
+	            <p class="errorTip" v-if="textErrorTip">{{ textErrorTip }}</p>
+	        	<u-dialog ref="udialog" :init-param="componentsConfig.dialog.initParam"></u-dialog>
+		    	<u-loading ref="uloading" :init-param="componentsConfig.loading.initParam"></u-loading>
+		    </div>
+		</div>
+    	<script type="text/javascript" src="./editPassword.js" defer async></script>
+	</body>
+</html>

web/view/myInfo/index.html

+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="UTF-8">
+		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0"/>
+	    <meta name="apple-mobile-web-app-capable" content="yes"/>
+	    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
+	    <meta name="format-detection" content="telephone=no"/>
+	    <title></title>
+	    <link rel="stylesheet" type="text/css" href="../../lib/css/bootstrap.min.css">
+	    <link rel="stylesheet" type="text/css" href="./myInfo.css">
+	    <style type="text/css">
+	        [v-cloak]{
+	            display: none;
+	        }
+	    </style>
+	    <script type="text/javascript" src="../../lib/js/p.js"></script>
+	    <script type="text/javascript" src="../../lib/js/UIOT.js"></script>
+	</head>
+	<body  ontouchstart="">
+		<div id="app" v-cloak>
+			<div class="header">
+	            <v-touch tag="span" class="header-left icon" v-on:tap="onBackTap">&#xe611;</v-touch>           
+	            <p>{{ $t('title.doorlockUsers') }}</p>   
+	       	</div>
+	       	<ul class="editMyInfo">
+	       		<v-touch tag="li" class="editNickname" v-on:tap="onEditNicknameTap">
+					<span >{{ $t('myInfo.editNickname') }}</span>
+       				<span>{{ nickName }}</span>
+       				<span>&#xe611;</span>
+	       		</v-touch>
+	       		<v-touch tag="li" class="editPassword" v-on:tap="onEditPasswordTap">
+		       		<span>{{ $t('myInfo.editPassword') }}</span>
+		       		<span>&#xe655;</span>
+		       		<span>&#xe611;</span>
+	       		</v-touch>
+	       	</ul>
+	    	<u-loading ref="uloading" :init-param="componentsConfig.loading.initParam"></u-loading>
+		</div>
+    	<script type="text/javascript" src="./index.js" defer async></script>
+	</body>
+</html>

web/view/myInfo/myInfo.css

+@font-face {
+  font-family: 'defaultIconfont';
+  src: url('../../resources/font/defaultIconfont.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: 'iconfont';
+  src: url('../../resources/font/iconfont.ttf') format('truetype');
+}
+
+html,
+body {
+  width: 100%;
+  height: 100%;
+}
+
+body {
+  -webkit-user-select: none;
+  user-select: none;
+  color: #fff;
+  font-size: 0.373rem;
+  background: -webkit-linear-gradient(left, #242635, #fff, #242635);
+  background: linear-gradient(to right, #242635, #fff, #242635);
+  background-color: #242635;
+  -webkit-background-size: 100% 1px;
+  background-size: 100% 1px;
+  background-repeat: no-repeat;
+  background-position: bottom center;
+}
+
+ul {
+  padding-left: 0;
+  list-style: none;
+  margin-bottom: 0;
+}
+
+p {
+  margin-bottom: 0;
+}
+
+.u-loading {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1050;
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+.u-loading .u-loading-box {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  -webkit-transform: translateY(-50%);
+  transform: translateY(-50%);
+  right: 0;
+}
+
+.u-loading .u-loading-box .u-loading-icon {
+  width: 30px;
+  height: 30px;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-image: url("../../resources/image/white_loading_icon.png");
+  -webkit-background-size: cover;
+  background-size: cover;
+  margin: 0 auto;
+  -webkit-animation: loading 1s steps(12, end) infinite;
+  animation: loading 1s steps(12, end) infinite;
+}
+
+.u-loading .u-loading-box .u-loading-text {
+  color: #fff;
+  margin-top: 0.32rem;
+  text-align: center;
+}
+
+@-webkit-keyframes loading {
+  0% {
+    -webkit-transform: rotate3d(0, 0, 1, 0deg);
+    transform: rotate3d(0, 0, 1, 0deg);
+  }
+
+  100% {
+    -webkit-transform: rotate3d(0, 0, 1, 360deg);
+    transform: rotate3d(0, 0, 1, 360deg);
+  }
+}
+
+@keyframes loading {
+  0% {
+    -webkit-transform: rotate3d(0, 0, 1, 0deg);
+    transform: rotate3d(0, 0, 1, 0deg);
+  }
+
+  100% {
+    -webkit-transform: rotate3d(0, 0, 1, 360deg);
+    transform: rotate3d(0, 0, 1, 360deg);
+  }
+}
+
+.custom-loading {
+  background-color: rgba(36, 38, 53, 0.9);
+}
+
+.custom-loading .u-loading-box {
+  color: #00ffff;
+}
+
+.custom-loading .u-loading-box .u-loading-icon {
+  font-size: 0.427rem;
+  margin: 0 auto;
+  width: 3.750em;
+  height: 3.750em;
+  position: relative;
+  background: none;
+  -webkit-animation: none;
+  animation: none;
+}
+
+.custom-loading .u-loading-box .u-loading-icon:before {
+  content: '';
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  width: 0.5em;
+  height: 0.5em;
+  margin: auto;
+  border-radius: 50%;
+  -webkit-transform: translateZ(0) scale(0.55);
+  transform: translateZ(0) scale(0.55);
+  -webkit-animation: loading 1.3s infinite linear;
+  animation: loading 1.3s infinite linear;
+}
+
+.custom-loading .u-loading-box .u-loading-text {
+  color: inherit;
+  font-size: 0.427rem;
+  margin-top: 0.533rem;
+}
+
+@-webkit-keyframes loading {
+  0%, 100% {
+    -webkit-box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
+    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
+  }
+
+  12.5% {
+    -webkit-box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
+    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
+  }
+
+  25% {
+    -webkit-box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
+    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
+  }
+
+  37.5% {
+    -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
+    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
+  }
+
+  50% {
+    -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
+    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
+  }
+
+  62.5% {
+    -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
+    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
+  }
+
+  75% {
+    -webkit-box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
+    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
+  }
+
+  87.5% {
+    -webkit-box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
+    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
+  }
+}
+
+@keyframes loading {
+  0%, 100% {
+    -webkit-box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
+    box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0;
+  }
+
+  12.5% {
+    -webkit-box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
+    box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
+  }
+
+  25% {
+    -webkit-box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
+    box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em;
+  }
+
+  37.5% {
+    -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
+    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em;
+  }
+
+  50% {
+    -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
+    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em;
+  }
+
+  62.5% {
+    -webkit-box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
+    box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em;
+  }
+
+  75% {
+    -webkit-box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
+    box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0;
+  }
+
+  87.5% {
+    -webkit-box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
+    box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em;
+  }
+}
+
+.u-dialog {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1051;
+  background-color: rgba(0, 0, 0, 0.8);
+}
+
+.u-dialog .u-dialog-box {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  width: 6.667rem;
+  background-color: #fff;
+  border-radius: 0.32rem;
+}
+
+.u-dialog .u-dialog-box .u-dialog-content {
+  padding: 0.4rem;
+  text-align: center;
+  position: relative;
+}
+
+.u-dialog .u-dialog-box .u-dialog-content:after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 1px;
+  background: #bbb;
+}
+
+.u-dialog .u-dialog-box .u-dialog-button {
+  display: table;
+  width: 100%;
+  table-layout: fixed;
+  border-collapse: separate;
+}
+
+.u-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel,
+.u-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm {
+  display: table-cell;
+  color: #007aff;
+  text-align: center;
+  padding: 0.4rem 0;
+  line-height: 1;
+  position: relative;
+}
+
+.u-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after {
+  content: '';
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  width: 1px;
+  -webkit-transform: scaleX(0.5);
+  transform: scaleX(0.5);
+  background-color: #bbb;
+}
+
+.fade-enter-active,
+.fade-leave-active {
+  -webkit-transition: opacity 0.5s linear;
+  transition: opacity 0.5s linear;
+}
+
+.fade-enter,
+.fade-leave-active {
+  opacity: 0;
+}
+
+.custom-dialog {
+  background-color: rgba(36, 38, 53, 0.9);
+}
+
+.custom-dialog .u-dialog-box {
+  width: 9.467rem;
+  border-radius: 0.133rem;
+  background-color: transparent;
+  border: 1px solid;
+  color: #00ffff;
+  padding-bottom: 0.933rem;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-content {
+  width: 100%;
+  height: 3.733rem;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  font-size: 0.48rem;
+  line-height: 0.587rem;
+  padding: 0 0.4rem;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-content span {
+  margin-right: 0.32rem;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-content:after {
+  display: none;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-button {
+  display: block;
+  text-align: center;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel,
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm {
+  width: 3.6rem;
+  border-radius: 0.133rem;
+  background-color: transparent;
+  border: 1px solid;
+  color: #00ffff;
+  font-size: 0.427rem;
+  padding: 0.267rem 0;
+  display: inline-block;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:active,
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm:active {
+  background-color: #153D4C;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel.disabled,
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-confirm.disabled {
+  background-color: transparent;
+  color: #999;
+}
+
+.custom-dialog .u-dialog-box .u-dialog-button .u-dialog-cancel:after {
+  display: none;
+}
+
+.header {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 1.173rem;
+  z-index: 1030;
+  background-color: #010d19;
+}
+
+.header p {
+  position: absolute;
+  top: 0;
+  left: 1.467rem;
+  right: 1.467rem;
+  line-height: 1.173rem;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  color: #fff;
+  font-size: 0.507rem;
+  text-align: center;
+}
+
+.header span {
+  color: #fff;
+  width: 1.467rem;
+  line-height: 1.173rem;
+  display: block;
+}
+
+.header span:active {
+  opacity: 0.5;
+}
+
+.header .header-left {
+  float: left;
+  padding-left: 0.133rem;
+}
+
+.header .header-right {
+  float: right;
+  padding-right: 0.133rem;
+  text-align: right;
+}
+
+.header .icon {
+  font-family: iconfont;
+  font-size: 0.667rem;
+  -webkit-font-smoothing: antialiased;
+  line-height: 1.173rem;
+}
+
+.header ~ .content {
+  padding-top: 1.173rem;
+}
+
+.u-text {
+  width: 100%;
+  display: table;
+  position: relative;
+}
+
+.u-text input {
+  display: table-cell;
+  width: 100%;
+  border: 0;
+  outline: 0;
+  -webkit-appearance: none;
+  padding: 0.533rem 1.867rem 0.533rem 0.533rem;
+  background-color: transparent;
+}
+
+.u-text input[type=text] ~ .u-text-see {
+  color: #007aff;
+}
+
+.u-text .u-text-icon {
+  font-family: iconfont;
+  font-size: 0.533rem;
+  -webkit-font-smoothing: antialiased;
+  line-height: 1;
+  width: 1.12rem;
+  padding-left: 0.453rem;
+  display: table-cell;
+  vertical-align: middle;
+}
+
+.u-text .u-text-icon ~ input {
+  padding-left: 0;
+}
+
+.u-text .u-text-title {
+  width: 1.92rem;
+  padding-left: 0.533rem;
+  display: table-cell;
+  vertical-align: middle;
+}
+
+.u-text .u-text-title ~ input {
+  padding-left: 0;
+}
+
+.u-text .u-text-clear,
+.u-text .u-text-see {
+  position: absolute;
+  top: 0;
+  width: 0.8rem;
+  height: 100%;
+}
+
+.u-text .u-text-clear:before,
+.u-text .u-text-see:before {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  -webkit-transform: translate(-50%, -50%);
+  transform: translate(-50%, -50%);
+  font-family: defaultIconfont;
+  font-size: 0.667rem;
+  -webkit-font-smoothing: antialiased;
+  line-height: 1;
+}
+
+.u-text .u-text-clear {
+  right: 0.8rem;
+}
+
+.u-text .u-text-clear:before {
+  content: '\e724';
+}
+
+.u-text .u-text-see {
+  right: 0;
+}
+
+.u-text .u-text-see:before {
+  content: '\e73c';
+}
+
+.u-text:after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 1px;
+  background: #bbb;
+}
+
+@media (max-height: 400px /*no*/) {
+  #app {
+    height: 17.253rem;
+    position: relative;
+  }
+}
+
+.custom-editNickname-text input,
+.custom-editPassword-text input {
+  font-size: 0.48rem;
+  padding-left: 1.227rem;
+}
+
+.custom-editNickname-text input::-webkit-input-placeholder,
+.custom-editPassword-text input::-webkit-input-placeholder {
+  color: #91929a;
+}
+
+.custom-editNickname-text .u-text-clear,
+.custom-editPassword-text .u-text-clear {
+  right: 1.093rem;
+}
+
+.custom-editNickname-text .u-text-clear:before,
+.custom-editPassword-text .u-text-clear:before {
+  content: '\e601';
+  font-family: iconfont;
+  color: #00ffff;
+  font-size: 0.533rem;
+}
+
+.custom-editNickname-text:after,
+.custom-editPassword-text:after {
+  background: -webkit-linear-gradient(left, #242635, #fff, #242635);
+  background: linear-gradient(to right, #242635, #fff, #242635);
+}
+
+.editMyInfo {
+  position: absolute;
+  top: 1.173rem;
+  bottom: 0;
+  left: 0;
+  height: auto;
+  width: 100%;
+}
+
+.editMyInfo li {
+  width: 100%;
+  height: 1.467rem;
+  position: relative;
+  line-height: 1;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: flex;
+  -webkit-box-align: center;
+  -webkit-align-items: center;
+  align-items: center;
+  padding: 0 1.147rem;
+}
+
+.editMyInfo li:after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 1px;
+  background: #bbb;
+  background: -webkit-linear-gradient(left, #242635, #fff, #242635);
+  background: linear-gradient(to right, #242635, #fff, #242635);
+}
+
+.editMyInfo li span:first-child {
+  font-size: 0.427rem;
+  line-height: 1;
+  flex: 1;
+}
+
+.editMyInfo li span:nth-child(2) {
+  font-size: 0.32rem;
+  line-height: 1;
+  float: right;
+}
+
+.editMyInfo li span:last-child {
+  display: block;
+  font-family: iconfont;
+  font-size: 0.533rem;
+  -webkit-font-smoothing: antialiased;
+  line-height: 1;
+  -webkit-transform: rotate(180deg);
+  transform: rotate(180deg);
+}
+
+.editMyInfo .editPassword span:nth-child(2) {
+  display: block;
+  font-family: iconfont;
+  font-size: 0.533rem;
+  -webkit-font-smoothing: antialiased;
+  line-height: 1;
+  -webkit-transform: rotate(180deg);
+  transform: rotate(180deg);
+}
+
+.errorTip {
+  color: #fc2168;
+  font-size: 0.427rem;
+  -webkit-transform: scale(0.7);
+  transform: scale(0.7);
+  text-align: center;
+  height: 1.067rem;
+  line-height: 1.067rem;
+}
\ No newline at end of file