59 lines
1.9 KiB
HTML
59 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>民生银行合肥分行</title>
|
|
<link rel="icon" type="image/png" href="menshengico.webp" />
|
|
<link rel="stylesheet" href="./css/style.css" />
|
|
|
|
<!-- 腾讯地图 JS SDK -->
|
|
<script src="https://map.qq.com/api/gljs?v=1.exp&key=FF6BZ-VUBEN-AD2F5-SC2RT-5OPI6-7NBTL"></script>
|
|
|
|
<!-- 微信 JS-SDK -->
|
|
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div id="map-container"></div>
|
|
|
|
<div id="logo-box">
|
|
<img src="./img/minsheng-logo.webp" alt="民生银行Logo" />
|
|
</div>
|
|
|
|
<div id="branch-info" class="hidden">
|
|
<div class="info-content">
|
|
<h2 id="branch-name"></h2>
|
|
<p id="branch-address"></p>
|
|
<div style="display: flex;"><img class="icon-trim" src="./img/phone.svg" alt="电话"><p id="branch-phone"></p></div>
|
|
<div style="display: flex;"><img class="icon-trim2" src="./img/time.svg" alt="时间"><p id="branch-hours"></p></div>
|
|
<button id="navigate-btn">
|
|
<img src="./img/right.svg" alt="导航" />
|
|
<span class="navigate-btn-span">导航</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 微信 JS-SDK 配置（必须早于 script.js 的执行）-->
|
|
<script>
|
|
fetch('/api/wechat-signature?url=' + encodeURIComponent(location.href.split('#')[0]))
|
|
.then(res => res.json())
|
|
.then(config => {
|
|
wx.config({
|
|
debug: false,
|
|
appId: config.appId,
|
|
timestamp: config.timestamp,
|
|
nonceStr: config.nonceStr,
|
|
signature: config.signature,
|
|
jsApiList: ['openLocation']
|
|
});
|
|
})
|
|
.catch(err => console.error('微信JS-SDK配置失败:', err));
|
|
</script>
|
|
|
|
<!-- 地图和导航主逻辑 -->
|
|
<script src="./js/script.js"></script>
|
|
</body>
|
|
</html>
|