FOF小程序登录界面

admin

<页面>
    <区块 类名="主区块">
        <区块 类名="头像区域">
            <图片框 图像地址="@文件_lg.jpg" 缩放模式="缩放图像" 类名="头像"></图片框>
        </区块>
        <区块 类名="登录区域">
            <区块 类名="输入区域">
                <区块 类名="输入左右布局"> </区块>
                <区块 类名="输入框区域">
                    <输入框 类名="输入框效果" 值="" 输入类型="文本输入" 获得焦点 默认提示="请输入账号" />
                </区块>
                <区块 类名="输入左右布局"></区块>
            </区块>
            <区块 类名="输入区域">
                <区块 类名="输入左右布局"> </区块>
                <区块 类名="输入框区域">
                    <输入框 类名="输入框效果" 值="" 启用密码输入 输入类型="文本输入" 默认提示="请输入密码" />
                </区块>
                <区块 类名="输入左右布局"></区块>
            </区块>
            <区块 类名="按钮区域">
                <区块 类名="输入左右布局"> </区块>
                <区块 类名="输入框区域">
                    <按钮 按钮样式="默认" 类名="按钮样式">登 录</按钮>
                </区块>
                <区块 类名="输入左右布局"></区块>
            </区块>
            <区块 类名="微信登录按钮区域">
                <区块 类名="输入左右布局"> </区块>
                <区块 类名="输入框区域">
                    <按钮 按钮样式="默认" 类名="按钮样式" 行内样式="背景-颜色: #1bd66c">
                        <图片框 图像地址="@文件_WX.png" 行内样式="宽度: 100rpx; 高度: 100rpx; 垂直-对齐: 中部对齐;" 缩放模式="缩放图像"></图片框>
                        微信一键登录
                    </按钮>
                </区块>
                <区块 类名="输入左右布局"></区块>
            </区块>
        </区块>
        <区块 类名="注册区域">
            <基础标签 行内样式="宽度: 40%; 文本-对齐: 居中; 显示模式: 内联块元素; 字体-大小: 25rpx">注册账号</基础标签>
            <基础标签 行内样式="宽度: 20%; 文本-对齐: 居中; 显示模式: 内联块元素"></基础标签>
            <基础标签 行内样式="宽度:40% ; 文本-对齐: 居中; 颜色值-橙色; 显示模式: 内联块元素; 字体-大小: 25rpx;">找回密码</基础标签>
        </区块>
    </区块>
</页面>
<脚本>
    //@==>初始化加载定义-请勿删除本定义
</脚本>
<脚本>
    局部变量 数据层 = {
        //所有的页面数据,请在本处定义
    };
</脚本>
<脚本></脚本>
<样式>
    .主区块 {
        背景-颜色: #ededed;
        宽度: @单位_填满宽度;
        高度: @单位_填满高度;
    }
    .头像区域 {
        定位: 绝对定位;
        顶部: 100rpx;
        宽度: 100%;
        高度: 200rpx;

        内容对齐: 居中;
    }
    .头像 {
        宽度: 200rpx;
        高度: 200rpx;
        边框-圆角: 100%;
        左侧: 计算(100% - 50% - 100rpx);
    }
    .登录区域 {
        定位: 绝对定位;
        顶部: 330rpx;
        宽度: 100%;
        高度: 400rpx;

        内容对齐: 居中;
    }
    .输入区域 {
        上边距: 10rpx;
        宽度: 100%;
        高度: 90rpx;
    }
    .输入左右布局 {
        显示模式: 内联块元素;
        宽度: 10%;
        高度: 100%;
    }

    .输入框区域 {
        显示模式: 内联块元素;
        宽度: 80%;
        高度: 100%;
        背景-颜色: 颜色值-白色;
        边框-圆角: 10rpx;
    }

    .输入框效果 {
        高度: 100%;
        宽度: 100%;

        左内边距: 10rpx;
        字体-大小: 28rpx;
    }

    .按钮区域 {
        上边距: 30rpx;
        宽度: 100%;
        高度: 100rpx;
    }
    .微信登录按钮区域 {
        上边距: 15rpx;
        宽度: 100%;
        高度: 100rpx;
    }
    .按钮样式 {
        宽度: 100%;
        高度: 100%;
        字体-大小: 30rpx;
        行高: 100rpx;
    }
    .注册区域 {
        定位: 绝对定位;
        顶部: 计算(100% - 10%);
        宽度: 100%;
        高度: 100rpx;
    }
</样式>