<script setup lang="ts">
const handleBack = () => {
  uni.navigateBack()
}
</script>
<template>
  <view class="viewdetails_reminder">
    <view>
      <view class="viewdetails_reminder_title"> 提醒 </view>
      <input
        type="text"
        placeholder="请选择"
        class="viewdetails_reminder_input"
      />
    </view>
    <view style="margin-top: 80rpx">
      <view class="viewdetails_reminder_title"> 提醒内容 </view>
      <textarea
        placeholder="请输入提醒内容"
        class="viewdetails_reminder_textarea"
      ></textarea>
    </view>
    <view style="display: flex; justify-content: space-between; gap: 40rpx">
      <wd-button
        type="info"
        plain
        style="flex: 1; border-radius: 12rpx"
        @click="handleBack"
        >返回上一步</wd-button
      >
      <wd-button
        style="flex: 1; border-radius: 12rpx; background-color: #215acd"
        >发送</wd-button
      >
    </view>
  </view>
</template>
<style scoped lang="scss">
html,
body {
  overflow: hidden;
}
.viewdetails_reminder {
  //   height: 100vh;
  display: flex;
  flex-direction: column;
  gap: 24rpx;
  padding: 24rpx;
  box-sizing: border-box;
  //   border: 1px solid red;
  //   background-color: #f5f5f5;
}
.viewdetails_reminder_title {
  font-size: 32rpx;
  font-weight: 500;
  color: #31373d;
}
.viewdetails_reminder_input {
  margin-top: 32rpx;
  height: 88rpx;
  line-height: 88rpx;
  padding: 0 24rpx;
  border-radius: 16rpx;
  border: 1rpx solid #d9d9d9;
}
.viewdetails_reminder_textarea {
  margin-top: 32rpx;
  width: 92%;
  height: 160rpx;
  line-height: 42rpx;
  padding: 24rpx;
  border-radius: 16rpx;
  border: 1rpx solid #d9d9d9;
}
</style>
