HBuilder里新建移动app，有一个登录模板可以选择，那里有示例代码。
另外这里有篇文件讲述登录策略。
[http://ask.dcloud.net.cn/article/157](http://ask.dcloud.net.cn/article/157)

确定bug，临时解决方案，在toMain定义前添加如下代码：
~~~
var main_loaded_flag = false;
mainPage.addEventListener('loaded', function() {
main_loaded_flag = true;
});
~~~

```javascript
var _url = '服务器IP地址或接口地址，不能用localhost';
var logininfo = {
username: 'username', //POST方法提交的用户名
password: 'password' //POST方法提交的密码
}
mui.ajax(_url, {
data: logininfo,
dataType: 'json', //要求服务器返回json格式数据
type: 'post', //HTTP请求类型，要和服务端对应，要么GET,要么POST
timeout: 10000, //超时时间设置为10秒；
beforeSend: function() { //发送之前，可以打一下看看提交的参数（如果是变量）
console.log('beforesend!' + JSON.stringify(logininfo))
plus.nativeUI.showWaiting(); //关闭转圈
},
success: function(data) {
console.log(JSON.stringify(data)) //成功，则打一下返回的数据
//登陆成功与否可以根据返回的data里自己组装的code、success、err=0之类的判断
//在这里关闭login页面，open登陆之后的index页面
},
error: function(xhr, type, errorThrown) { //失败，打一下失败的类型，主要用于调试和用户体验
console.log('AJAX:|T:' + type + '|H:' + xhr.responseText);
if(type == 'timeout') {
mui.toast("请求超时：请检查网络")
} else {
mui.toast('请求失败：' + type + '\n err:' + errorThrown);
}
},
complete: function() {
console.log('userLogin:关闭转圈')
plus.nativeUI.closeWaiting(); //关闭转圈
}
}); //ajax end
```

根据验证的结果基本确认是iOS系统Webview控件的Bug（在同样使用webview的三方浏览器如Chrome、QQ浏览器上也有一样的问题，但Safari上不存在此问题），目前在iOS11.3.1验证可复现此问题，在iOS9上不存在此问题。
发现的规律是一个text类型input后面跟一个password类型input就会出现此问题，如果后面跟两个password类型的input就不存在此问题。
临时解决方案是添加一个不可见的password类型input来避免：
```html
<input type="text"/><br/>
<input type="password"/><br/>
<input type="password" style="overflow:hidden;width:0;height:0;border:none;" readonly="readonly"/><br/>

```
为了避免编辑框上的焦点导航栏切换焦点到隐藏的密码框，可以在manifest.json文件中配置不显示焦点导航栏：
```javascript
//...
"plus": {
"softinput": {
"navBar": "none"
},
//...
}
//...
```

没明白你的具体诉求，app端登陆并不会让web端失效。
如果你需要更长的token有效期，uni-id支持配置详见：[https://uniapp.dcloud.io/uniCloud/uni-id.html#config](https://uniapp.dcloud.io/uniCloud/uni-id.html#config)