登录注册界面

参考样例:https://www.17sucai.com/pins/demo-show?id=37107

界面命名规范:/src/pages/login/index.vue
样式文件: /src/static/system_01/style/login.scss


上图是登录和注册的界面说明。1--登录、注册输入区域      2--超链接      3--登录页标题(由接口返回)

登录和注册直接做在同一个界面上,但是 登录和注册要做成两个独立的组件。


一、登录组件包含的元素有:

    1、登录账号输入框

    2、登录密码输入框

    3、登录按钮

    4、"注册账号"超链接


二、注册组件包含的元素有:

1、注册账号输入框

2、注册密码输入框

3、所属门店下拉选项

4、注册按钮

5、"去登录" 超链接

 门店下拉选项的json数组内容为:{"data":[{"s_name":"门店","p_startstorage":"默认","s_account":"8888"}]},下拉选项的内容为 s_name。


三、关于输入的要求:

焦点定位在第一个文本框时,按回车键可跳转到第二个文本框。可按页面元素的顺序号来确定按回车键时应该定位到的元素。

比如排列顺序为 登录账号-->登录密码-->登录按钮,那么当焦点在登录账号文本框时,按回车键则跳转到登录密码输入框。当焦点定位到按钮时,再按回车则直接触发按钮点击事件。