小程序 编写一个表白的界面

好的，以下是一个简单的表白界面的代码示例（使用微信小程序的语法）：

<view class="container">
  <view class="title">我想对你说</view>
  <view class="form">
    <textarea class="input" placeholder="请输入表白的话语"></textarea>
    <button class="submit" bindtap="submit">发送</button>
  </view>
</view>

.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  background-color: #f5f5f5;
}

.title {
  font-size: 24px;
  margin-bottom: 20px;
}

.form {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.input {
  width: 80%;
  height: 200rpx;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10rpx;
  margin-bottom: 20px;
  font-size: 16px;
}

.submit {
  width: 200rpx;
  height: 60rpx;
  background-color: #ff6347;
  border: none;
  border-radius: 5px;
  color: #fff;
  font-size: 20px;
}

Page({
  submit: function(e) {
    // 获取用户输入的表白话语
    var words = e.detail.value.words;
    // 判断是否为空
    if (!words) {
      wx.showToast({
        title: '请输入表白的话语',
        icon: 'none'
      })
      return;
    }
    // 调用微信接口发送信息给对方
    wx.showModal({
      title: '是否发送',
      content: words,
      success: function(res) {
        if (res.confirm) {
          wx.showToast({
            title: '发送成功'
          })
        }
      }
    })
  }
})

说明：

1. 页面布局使用 flex 布局，居中显示；
2. 界面包含一个标题、一个表单和一个发送按钮；
3. 表单包含一个文本输入框和一个发送按钮；
4. 点击发送按钮时，会检查用户是否输入了表白话语，如果没有输入则提示用户；
5. 如果用户输入了表白话语，则弹出一个确认框，让用户确认是否发送；
6. 如果用户确认发送，则使用微信接口发送信息给对方，并提示发送成功。

注意：此示例仅为简单的表白界面，实际应用中需要考虑更多的细节和逻辑。