自定义登录UI

冰狐智能辅助支持自定义登录界面,具体ui使用Template。

实现步骤

  • 网页端 管理中心/定制APP(打包),选中“自定义登录界面”。
  • 打包时上传文件名为custom_login_ui.js文件,该文件中的ui代码为登录界面脚本。注意:登录脚本中不能执行函数,必须把用户名控件的id设置为username,密码控件的id设置为password,父控件的id设置为parentName(如果不需要就不要提供),登录按钮的id设置为login。当用户点击登录时,系统会自动提取用户名密码并自动登录。
  • 打包成功后,下载并安装。

登录脚本例子

以下为custom_login_ui.js文件中例子,开发者可以根据自己的需求需求
<template>
    <linear orientation="vertical">
        <linear orientation="horizontal" width="matchParent">
            <text text="用户名" size="26"/>
            <edit id="username" gravity="center" layoutWeight="1"/>
        </linear>
        <linear orientation="horizontal" width="matchParent">
            <text text="密码" size="26"/>
            <edit id="password" gravity="center" layoutWeight="1"/>
        </linear>
        <button id="login" text="登录" width="matchParent"/>
    </linear>
</template>