鸿蒙技术，使用Image、TextInput、Button组件实现登录页面，单击按钮后判断输入的用户名和密码，如果用户名为张三，密码为123，则跳转Page页面输出登录成功。

鸿蒙系统(HarmonyOS)是一种开源的智能终端操作系统，它支持快速开发应用界面。在鸿蒙平台上，你可以通过HarmonyUI组件库创建用户界面，如Image用于显示图片，TextInput用于文本输入，Button用于触发事件。

以下是一个简单的示例，展示如何在鸿蒙开发中实现登录页面功能：

// 创建布局文件
<view class="login-page">
    <image src="logo.png" class="login-logo" />
    <textinput id="username" placeholder="请输入用户名" />
    <password inputType="hidden" id="password" placeholder="请输入密码" />
    <button text="登录" onclick="validateLogin()" class="login-button" />
</view>

// JavaScript逻辑
oncreate() {
    // 初始化并监听输入框
    const usernameInput = this.getViewById('username');
    const passwordInput = this.getViewById('password');

    usernameInput.onchange = (event) => {
        if (event.detail.value === '张三') {
            // 判断用户名
        }
    };

    passwordInput.onchange = (event) => {
        if (event.detail.value === '123') {
            // 判断密码
            // 如果验证通过，使用导航服务跳转
            Page.navigateTo({
                url: '/page/success',
                animated: true,
            });
        }
    };
}

function validateLogin() {
    // 获取输入内容并进行比较
    const username = usernameInput.value;
    const password = passwordInput.value;

    if (username === '张三' && password === '123') {
        loginSuccess();
    } else {
        Toast.show('用户名或密码错误', 1);
    }
}

// 登录成功的回调函数
function loginSuccess() {
    Toast.show('登录成功', 1);
}