<template>
    <view class="relative">
        <image class="w-full" src="/static/image/vip_bg.png" mode="widthFix" />
        <view @click="toService" class="service-btn">
            点击马上报名
        </view>
    </view>
</template>

<script setup>
function toService() {
    // 直接使用plus.runtime.openURL在系统浏览器中打开链接
    // #ifdef APP-PLUS
    plus.runtime.openURL('https://work.weixin.qq.com/kfid/kfc5c19b2b93a5e73b9');
    // #endif

    // #ifdef H5
    window.location.href = 'https://work.weixin.qq.com/kfid/kfc5c19b2b93a5e73b9';
    // #endif

    // #ifdef MP
    uni.navigateTo({
        url: '/pages/agreement?url=' + encodeURIComponent('https://work.weixin.qq.com/kfid/kfc5c19b2b93a5e73b9')
    });
    // #endif
}
</script>

<style lang="scss" scoped>
.relative {
    position: relative;
    width: 100%;
    height: 100%;
}

.service-btn {
    position: absolute;
    left: 50%;
    bottom: 600rpx;
    transform: translateX(-50%);
    background: linear-gradient(to right, #2d3748, #000000, #2d3748);
    padding: 10rpx 20rpx;
    border-radius: 16rpx;
    color: #ffffff;
    font-size: 48rpx;
    font-weight: bold;
    box-shadow: 0 0 30rpx rgba(255, 255, 255, 0.3);
    transition: transform 0.3s;

    &:active {
        transform: translateX(-50%) scale(1.05);
    }
}
</style>

<route lang="json">
{
  "layout": "page",
  "title": "代理会员",
  "agent": true,
  "auth": true
}
</route>
