64 lines
1.4 KiB
Vue
64 lines
1.4 KiB
Vue
|
<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>
|