<template>
  <!-- <view class="hs_collection">
    一键开通自动托收，无需担心忘记缴费
    <view class="btn" @click="toCollectionPage">
      立即开通 <uni-icons type="right" size="12" color="#fff"></uni-icons>
    </view>
  </view> -->
</template>
<script setup lang="ts">
const toCollectionPage = () => {
  // uni.showModal({
  //   title: '提示',
  //   content: '该功能在当前项目暂未开放，敬请期待',
  //   confirmColor: '#0082FA',
  //   success: function (res) {
  //     if (res.confirm) {
  //       console.log('用户点击确定')
  //     } else if (res.cancel) {
  //       console.log('用户点击取消')
  //     }
  //   }
  // })
  uni.navigateTo({
    url: '/INDEX/collection/index'
  })
}
</script>
<style lang="scss">
.hs_collection {
  background: linear-gradient(180deg, #fff8f1 0%, #fff3e5 100%);
  border-radius: 10rpx;
  padding: 20rpx 30rpx;
  color: #3d3d3d;
  font-size: 26rpx;
  display: flex;
  align-items: center;
  justify-content: space-between;
  .btn {
    background-color: #ff8f26;
    color: #fff;
    border-radius: 100rpx;
    font-size: 24rpx;
    padding: 10rpx 20rpx;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
</style>
