<页面>
    <区块>
        <表单>
            <区块 类名="输入框区块" :类名="{ju4jia1o: 数据层.口座番号聚焦}">
                <基础标签>口座番号</基础标签>
                <输入框  双向数据绑定:值="数据层.输入值" @绑定事件_获得焦点="数据层.口座番号聚焦=true" @绑定事件_失去焦点="数据层.口座番号聚焦 = 数据层.口座番号 ? true : false" @双向绑定_数据="数据层.口座番号" />
            </区块>
            <区块 类名="输入框区块" :类名="{ju4jia1o: 数据层.用户名聚焦}">
                <基础标签>用户名</基础标签>
                <输入框 @绑定事件_获得焦点="数据层.用户名聚焦=true" @绑定事件_失去焦点="数据层.用户名聚焦 = 数据层.用户名 ? true : false" @双向绑定_数据="数据层.用户名" />
            </区块>
        </表单>
    </区块>
</页面>
<脚本>
    局部变量 数据层 = {
        //所有的页面数据,请在本处定义
        口座番号聚焦: 假,
        口座番号: "",
        用户名聚焦: 假,
        用户名: ""
        输入值:""
    };
</脚本>
<脚本>
    局部变量 方法层 = {
        //所有页面方法,请在本处定义
    };
</脚本>
<样式>
    .输入框区块 {
        内边距: 0 30rpx;
        上边距: 30rpx;
        定位: 相对定位;
    }
    .输入框区块 基础标签 {
        定位: 绝对定位;
        左侧: 60rpx;
        顶部: 50%;
        转换: 平移y轴(-50%);
        文本颜色: #666;
        过渡: 所有 0.3s;
    }
    .输入框区块 输入框 {
        边框: #ccc 1px 实线;
        边框-圆角: 15rpx;
        高度: 40rpx;
        行高: 40rpx;
        内边距: 15rpx 30rpx;
    }
    .输入框区块.聚焦 输入框 {
        边框-颜色: #2c3935;
        文本颜色: #2c3935;
    }
    .输入框区块.聚焦 基础标签 {
        顶部: 0;
        左侧: 50rpx;
        字体-大小: 12px;
        内边距: 0 15rpx;
        背景: #fff;
        文本颜色: #2c3935;
    }
</样式>