uni-app登录注册页面代码

UniApp 的登录注册页面通常会包含用户名、密码输入框、登录/注册按钮以及相应的验证功能。以下是简化的示例代码，用于创建一个基础的登录和注册组件：

<!-- login.vue -->
<template>
  <view>
    <form @submit.prevent="handleLoginOrRegister">
      <label>
        <input type="text" placeholder="手机号/邮箱" v-model="username" />
      </label>
      <label>
        <input type="password" placeholder="密码" v-model="password" />
      </label>
      <button :disabled="!isValid">{{ buttonText }}</button>
    </form>
  </view>
</template>

<script setup>
import { ref } from 'vue';

const username = ref('');
const password = ref('');
let buttonText = '';

function handleLoginOrRegister(e) {
  e.preventDefault();
  
  if (buttonText === '登录') {
    // 登录逻辑，如发送请求到后端
    // 这里仅做简单的验证
    if (username.value && password.value) {
      console.log('登录', { username, password });
    } else {
      alert('请输入完整信息');
    }
  } else {
    // 注册逻辑
    // 类似登录逻辑，替换后端接口
    if (username.value && password.value) {
      console.log('注册', { username, password });
    } else {
      alert('请输入完整信息');
    }
  }
}

// 验证函数，这里只是一个示例
function isValid() {
  return username.value && password.value.length >= 6;
}
</script>

<style scoped>
/* 样式省略 */
</style>

注意：这只是一个基本框架，实际项目中你需要考虑更多细节，例如错误处理、密码加密存储、密码强度提示等。同时，需要将表单数据发送给服务器，并处理后端返回的状态。