写一个微信小程序的登陆界面

以下是一个简单的微信小程序登录页面的代码示例：

<!-- index.wxml -->
<view class="container">
  <view class="logo"></view>
  <form bindsubmit="login" class="login-form">
    <input name="username" placeholder="请输入用户名" />
    <input name="password" type="password" placeholder="请输入密码" />
    <button formType="submit">登录</button>
  </form>
</view>

/* index.wxss */
.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  background-color: #F5F5F5;
}

.logo {
  width: 200rpx;
  height: 200rpx;
  background-image: url(../../images/logo.png);
  background-size: cover;
  margin-bottom: 50rpx;
}

.login-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 80%;
  background-color: white;
  padding: 40rpx;
  box-shadow: 0 8rpx 10rpx rgba(0, 0, 0, 0.1);
  border-radius: 10rpx;
}

input {
  width: 100%;
  margin-bottom: 20rpx;
  padding: 10rpx;
  border: none;
  border-bottom: 1rpx solid #E5E5E5;
  font-size: 28rpx;
  color: #333333;
}

button {
  width: 100%;
  margin-top: 20rpx;
  padding: 10rpx;
  background-color: #FF9900;
  border: none;
  border-radius: 10rpx;
  font-size: 32rpx;
  color: white;
}

// index.js
Page({
  login: function(event) {
    const username = event.detail.value.username;
    const password = event.detail.value.password;

    // 在这里进行登录操作，可以使用wx.request向后端发送请求进行验证，或者使用微信开发者工具提供的云函数进行验证等。
    // 验证通过后可以跳转到其他页面，例如：
    wx.navigateTo({
      url: '/pages/home/home',
    })
  }
})

以上代码实现了一个简单的微信小程序登录页面，包括Logo、用户名和密码输入框以及登录按钮。在登录按钮被点击时，使用事件绑定的方式调用login函数进行登录操作。