21 lines
840 B
Vue
21 lines
840 B
Vue
<template>
|
|
<div class="relative">
|
|
<img class="" src="@/assets/images/vip_bg.png" alt="代理会员">
|
|
<div @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:scale-105 transition-transform"> <!-- 悬停动画 -->
|
|
点击马上报名
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
function toService() {
|
|
// window.location.href = '/service' // 跳转到客服页面
|
|
window.location.href = 'https://work.weixin.qq.com/kfid/kfc8a32720024833f57' // 跳转到客服页面
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped></style> |