<template>
  <view class="wathing_btn" @click="handleAlert">
    <view class="wathing_left">
      <uni-icons type="info" size="20" color="#ed6a0c"></uni-icons>
      <text> 什么是批量通知？ </text>
    </view>
    <uni-icons type="right" size="17" color="#ed6a0c"></uni-icons>
  </view>
</template>
<script setup lang="ts">
const handleAlert = () => {
  uni.showModal({
    title: '什么是批量通知',
    confirmColor: '#0082FA',
    content:
      '一次性给多套房屋发送账单链接，提醒用户缴费  关键操作：先选择哪些房屋要接收通知，然后选择发送方式（短信/公众号/小程序），系统会自动完成发送。通知对象：默认发给房屋的“常用联系人”；若没设置常用联系人，就发给房屋的“产权人”。',
    success: function (res) {
      if (res.confirm) {
        console.log('用户点击确定')
      } else if (res.cancel) {
        console.log('用户点击取消')
      }
    }
  })
}
</script>
<style lang="scss" scoped>
.wathing_btn {
  padding: 20rpx 30rpx;
  background-color: #fffbe8;
  color: #ed6a0c;
  font-size: 28rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  .wathing_left {
    display: flex;
    align-items: center;
  }
}
</style>
