生成一个uniapp登陆页面模板

以下是一个简单的uniapp登陆页面模板，你可以根据自己的需求进行修改：

<template>
  <div class="login">
    <div class="login-form">
      <form>
        <div class="form-group">
          <label for="username">用户名</label>
          <input type="text" v-model="username" id="username" placeholder="请输入用户名">
        </div>
        <div class="form-group">
          <label for="password">密码</label>
          <input type="password" v-model="password" id="password" placeholder="请输入密码">
        </div>
        <div class="form-group form-actions">
          <button type="submit" class="btn btn-primary" @click.prevent="login">登陆</button>
        </div>
      </form>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      username: '',
      password: ''
    }
  },
  methods: {
    login() {
      // 登陆逻辑
    }
  }
}
</script>

<style lang="scss" scoped>
.login {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background-color: #f5f5f5;
  .login-form {
    width: 400px;
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    form {
      .form-group {
        margin-bottom: 20px;
        label {
          display: block;
          margin-bottom: 5px;
          font-weight: bold;
        }
        input {
          width: 100%;
          padding: 10px;
          border-radius: 5px;
          border: 1px solid #d9d9d9;
          box-shadow: inset 0px 0px 5px rgba(0, 0, 0, 0.1);
          transition: border-color 0.3s ease;
          &:focus {
            border-color: #1890ff;
          }
        }
        .form-actions {
          text-align: center;
          button {
            padding: 10px 20px;
            border-radius: 5px;
            border: none;
            color: #fff;
            background-color: #1890ff;
            cursor: pointer;
          }
        }
      }
    }
  }
}
</style>

这个模板包含了一个简单的登陆表单，包括用户名和密码的输入框以及一个登陆按钮。你可以根据自己的需求添加更多的表单项或者修改样式。