f
This commit is contained in:
@@ -39,10 +39,136 @@ onMounted(async () => {
|
||||
}
|
||||
}
|
||||
|
||||
// 添加婚姻查询的特殊处理
|
||||
if (feature.value === 'marriage') {
|
||||
showMarriageUpgradeNotice();
|
||||
}
|
||||
|
||||
// 直接加载产品信息,不需要登录
|
||||
await getProduct();
|
||||
});
|
||||
|
||||
function showMarriageUpgradeNotice() {
|
||||
// 创建自定义弹窗
|
||||
const modal = document.createElement('div');
|
||||
modal.style.position = 'fixed';
|
||||
modal.style.top = '0';
|
||||
modal.style.left = '0';
|
||||
modal.style.width = '100%';
|
||||
modal.style.height = '100%';
|
||||
modal.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';
|
||||
modal.style.display = 'flex';
|
||||
modal.style.justifyContent = 'center';
|
||||
modal.style.alignItems = 'center';
|
||||
modal.style.zIndex = '9999';
|
||||
|
||||
modal.innerHTML = `
|
||||
<div style="
|
||||
background: white;
|
||||
border-radius: 12px;
|
||||
padding: 24px;
|
||||
margin: 20px;
|
||||
max-width: 400px;
|
||||
width: 90%;
|
||||
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
|
||||
position: relative;
|
||||
overflow-y: auto;
|
||||
max-height: 90vh;
|
||||
">
|
||||
<h3 style="
|
||||
color: #333;
|
||||
text-align: center;
|
||||
margin-top: 0;
|
||||
margin-bottom: 16px;
|
||||
font-size: 18px;
|
||||
">亲爱的用户,您好!</h3>
|
||||
|
||||
<p style="
|
||||
color: #666;
|
||||
line-height: 1.6;
|
||||
margin: 8px 0;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
">为了让每一次心动的相遇都更加美好,我们的【缘分空间站】正在进行一场温暖的升级。</p>
|
||||
|
||||
<p style="
|
||||
color: #666;
|
||||
line-height: 1.6;
|
||||
margin: 8px 0;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
">我们正在精心打磨每一个细节,旨在为您构建一个更懂你、更贴心、更能遇见真爱的幸福宇宙。短暂的告别,是为了更好的重逢。</p>
|
||||
|
||||
<p style="
|
||||
color: #ff6b6b;
|
||||
line-height: 1.6;
|
||||
margin: 16px 0;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
font-size: 16px;
|
||||
">系统升级中,是否立即跳转至新版首页?</p>
|
||||
|
||||
<p style="
|
||||
color: #666;
|
||||
line-height: 1.6;
|
||||
margin: 8px 0 24px;
|
||||
text-align: center;
|
||||
font-size: 14px;
|
||||
">我们将以全新的面貌,继续守护您的寻爱之旅。</p>
|
||||
|
||||
<div style="display: flex; gap: 12px; margin-bottom: 16px;">
|
||||
<button id="jumpNowBtn" style="
|
||||
flex: 1;
|
||||
background: linear-gradient(135deg, #ff6b6b, #ee5a24);
|
||||
color: white;
|
||||
border: none;
|
||||
padding: 12px 0;
|
||||
border-radius: 25px;
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
">是</button>
|
||||
|
||||
<button id="remindLaterBtn" style="
|
||||
flex: 1;
|
||||
background: #f8f9fa;
|
||||
color: #666;
|
||||
border: 1px solid #ddd;
|
||||
padding: 12px 0;
|
||||
border-radius: 25px;
|
||||
cursor: pointer;
|
||||
font-size: 14px;
|
||||
">否</button>
|
||||
</div>
|
||||
|
||||
<p style="
|
||||
color: #999;
|
||||
text-align: center;
|
||||
font-size: 12px;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
">感谢您的理解与陪伴,愿爱神早日眷顾您。</p>
|
||||
</div>
|
||||
`;
|
||||
|
||||
document.body.appendChild(modal);
|
||||
|
||||
// 绑定按钮事件
|
||||
const jumpNowBtn = modal.querySelector('#jumpNowBtn');
|
||||
const remindLaterBtn = modal.querySelector('#remindLaterBtn');
|
||||
|
||||
jumpNowBtn.addEventListener('click', () => {
|
||||
// 跳转到新版首页
|
||||
window.open('http://localhost:5173/', '_blank');
|
||||
document.body.removeChild(modal);
|
||||
});
|
||||
|
||||
remindLaterBtn.addEventListener('click', () => {
|
||||
// 跳转到指定网站
|
||||
window.location.href = 'https://www.zhenaicha.com/';
|
||||
});
|
||||
}
|
||||
|
||||
function isFinishPayment() {
|
||||
const query = new URLSearchParams(window.location.search);
|
||||
let orderNo = query.get("out_trade_no");
|
||||
|
||||
Reference in New Issue
Block a user