34 lines
1.2 KiB
Vue
34 lines
1.2 KiB
Vue
<template>
|
|
<div class="relative">
|
|
<img class="" src="@/assets/images/vip_bg.png" alt="代理会员" />
|
|
<div class="absolute left-[50%] translate-x-[-50%] bottom-80 flex flex-col gap-4 items-center">
|
|
<div @click="toVipApply"
|
|
class="bg-gradient-to-r from-amber-500 to-amber-600 py-2 px-6 rounded-lg text-white text-[24px] font-bold shadow-[0_0_15px_rgba(255,255,255,0.3)] hover:scale-105 transition-transform">
|
|
申请VIP代理
|
|
</div>
|
|
<div @click="toService"
|
|
class="bg-gradient-to-r from-gray-900 via-black to-gray-900 py-2 px-4 rounded-lg text-white text-[20px] font-bold shadow-[0_0_15px_rgba(255,255,255,0.3)] hover:scale-105 transition-transform">
|
|
联系客服
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { useRouter } from "vue-router";
|
|
|
|
const router = useRouter();
|
|
|
|
function toVipApply() {
|
|
router.push("/agent/vipApply");
|
|
}
|
|
|
|
function toService() {
|
|
// window.location.href = '/service' // 跳转到客服页面
|
|
window.location.href =
|
|
"https://work.weixin.qq.com/kfid/kfc5c19b2b93a5e73b9"; // 跳转到客服页面
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss" scoped></style>
|