uniapp 小程序登录页

UniApp 是一个基于 Vue.js 的多端开发框架，可以同时开发出适配多个平台的应用程序，包括小程序。下面是一个示例的 UniApp 小程序登录页的代码：

<template>
  <view class="container">
    <view class="logo"></view>
    <input class="input" type="text" placeholder="请输入用户名" v-model="username">
    <input class="input" type="password" placeholder="请输入密码" v-model="password">
    <button class="button" @click="login">登录</button>
  </view>
</template>

<script>
export default {
  data() {
    return {
      username: '',
      password: ''
    };
  },
  methods: {
    login() {
      // 实现登录逻辑
      // 可以在这里调用后端接口进行登录验证
      // 登录成功后可以跳转到其他页面
    }
  }
}
</script>

<style>
.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.logo {
  width: 100px;
  height: 100px;
  background-color: #ccc;
  margin-bottom: 20px;
}

.input {
  width: 200px;
  height: 30px;
  margin-bottom: 10px;
  padding: 5px;
}

.button {
  width: 100px;
  height: 30px;
  background-color: #333;
  color: #fff;
  border: none;
}
</style>

这是一个简单的登录页示例，包含了用户名和密码的输入框，以及一个登录按钮。你可以根据自己的需求进行修改和扩展。在 `login` 方法中，你可以实现登录逻辑，例如调用后端接口进行登录验证，并在登录成功后进行页面跳转。