<template>
  <view class="home-banner" @click="toService">
    <image src="@/static/png/img.png" class="image"></image>
  </view>
</template>

<script setup lang=ts>

const toService = () => {
  uni.navigateTo({
    url: '/pages/parents/supervisionService/index'
  })
}

</script>

<style scoped lang="scss">
.home-banner {
  margin-bottom: 30rpx;
  height: 320rpx;
  background-color: #DBE3F1;
  border-radius: 20rpx;
  .image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
</style>
