<template>
  <view class="relative">
    <image class="w-full" src="/static/images/vip_bg.png" mode="widthFix" />
    <view @click="toService"
      class="absolute left-[50%] translate-x-[-50%] bottom-80 bg-gradient-to-r from-gray-900 via-black to-gray-900 py-2 px-4 rounded-lg text-white text-[24px] font-bold shadow-[0_0_15px_rgba(255,255,255,0.3)]"
      hover-class="scale-105">
      点击马上报名
    </view>
  </view>
</template>

<script setup>
function toService() {
  // 跳转到客服页面
  uni.navigateTo({
    url: 'https://work.weixin.qq.com/kfid/kfc5c19b2b93a5e73b9'
  })
}
</script>

<style>
.scale-105 {
  transform: scale(1.05);
  transition: transform 0.3s;
}
</style>
