zhurui/LiuGeYuYou-HTML
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
d72b1624a2d92d27499794ffdc05a11b1234a0b4
LiuGeYuYou-HTML/stadium-reserve/detail.html
T
ZhuRui 944005507f init
2026-08-25 12:01:09 +08:00

204 lines
10 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>六个羽友</title>
<meta name="keywords" content="订场,约球,球馆,球友" />
<meta name="description" content="国内专业的订场约球平台 帮球馆引流 帮球友找搭子" />
<link rel="shortcut icon" href="/favicon.png" />
<meta name="applicable-device" content="pc" />
<script src="https://map.qq.com/api/gljs?v=1.exp&key=HEEBZ-TQC6C-KYA2H-AW5EL-XMTC3-OBB3U"></script>
<script defer src="../assets/chunks/js/runtime.js?hash=b446ba1443bc4913f472"></script>
<script defer src="../assets/chunks/js/vendor-libs.js?hash=b446ba1443bc4913f472"></script>
<script defer src="../assets/chunks/js/vendor-common.js?hash=b446ba1443bc4913f472"></script>
<script defer src="../assets/chunks/js/common.js?hash=b446ba1443bc4913f472"></script>
<script defer src="../assets/js/main.js?hash=b446ba1443bc4913f472"></script>
<script defer src="../assets/chunks/js/vendor-vue.js?hash=b446ba1443bc4913f472"></script>
<script defer src="../assets/js/stadiumReserveDetail.js?hash=b446ba1443bc4913f472"></script>
<link href="../assets/css/vendor-common.css?hash=b446ba1443bc4913f472" rel="stylesheet" />
<link href="../assets/css/common.css?hash=b446ba1443bc4913f472" rel="stylesheet" />
<link href="../assets/css/main.css?hash=b446ba1443bc4913f472" rel="stylesheet" />
</head>
<body class="page home-page">
<div class="header">
<div class="header__inner">
<div class="header__logo">
<img
id="app-left-logo"
id="app-left-logo"
src="../assets/modules/a2bcf126f5af02a23f0f.png"
alt="logo"
@click="goHome"
@click="goHome" />
</div>
<div class="header__menu-con">
<a class="header__nav" data-link="main" href="/">首页</a>
<a class="header__nav" data-link="stadium-reserve" href="/stadium-reserve.html">场馆预订</a>
<a class="header__nav" data-link="cggl" href="/#qcgl">场馆管理</a>
<a class="header__nav" data-link="about" href="/about.html">关于我们</a>
<a class="header__nav" data-link="register" data-name="场馆入驻" href="/register.html">场馆入驻</a>
</div>
</div>
</div>
<div id="reserveMain" class="reserve-detail reserve-main">
<div class="header-placeholder"></div>
<div class="bread-crumb">
<el-icon :size="18">
<home-filled></home-filled>
</el-icon>
<a class="normal" href="/stadium-reserve.html">场馆预订</a>&nbsp;&nbsp;/&nbsp;&nbsp;
<span class="active">{{ detail.shopName }}</span>
</div>
<div class="content">
<div class="img-box">
<div class="show-img">
<img :src="showImg" alt="" />
<div class="total-label" v-if="imgNum">第{{imgNum}}张，共{{imgList.length}}张</div>
</div>
<div class="img-list">
<div
class="img-item"
v-for="(item, index) of imgList"
:key="index"
@click="imgClick(item, index)">
<img :src="item" alt="" />
</div>
</div>
</div>
<div class="right">
<div class="title">{{detail.shopName}}</div>
<div class="location">
<div class="mini-font">
<el-icon :size="18">
<location></location>
</el-icon>
{{detail.shopAddress}}
</div>
<a href="#location">查看地图</a>
</div>
<div class="mini-font">
<el-icon :size="18">
<clock></clock>
</el-icon>
营业时间：{{detail.businessTime}}
</div>
<div class="mini-font">
<el-icon :size="18">
<phone></phone>
</el-icon>
电话热线：{{detail.linkMobile}}
</div>
<div class="qrcode-box">
<div>手机扫码 优惠更多</div>
<img :src="detail.yqdqCode" alt="" />
</div>
</div>
</div>
<div class="more-message">
<div class="left">
<template v-if="detail.roomInfo">
<div class="title">场馆信息</div>
<div class="info" v-html="detail.roomInfo"></div>
</template>
<template v-if="detail.shopTag && JSON.parse(detail.shopTag).length">
<div class="line"></div>
<div class="title">场馆设施</div>
<div class="tag">
<div class="tag-item" v-for="(tag, index) of JSON.parse(detail.shopTag)" :key="tag">
{{tag}}
</div>
</div>
</template>
<template v-if="detail.longitude && detail.latitude">
<div class="line"></div>
<div id="location" class="title">场馆位置</div>
<div id="map" style="height: 560px"></div>
</template>
</div>
<div class="right pink-qr">
<div class="qr-title">
<div>小程序预定</div>
<div>优惠更多哦~</div>
</div>
<img :src="detail.yqdqCode" alt="" />
</div>
</div>
</div>
<div id="footer" class="footer">
<div class="footer__inner">
<div class="footer__left">
<div class="footer__logo">
<img src="../assets/modules/6b1522d2e07b41a73203.png" alt="logo" />
</div>
<div style="margin-top: 20px">国内专业的订场约球平台</div>
<div class="qr-code-list">
<div class="qr-code">
<img src="../assets/modules/18bbd2199475337108f5.png" alt="扫码进入六个羽友小程序" />
<div>扫码进入<br />六个羽友小程序</div>
</div>
<div class="qr-code">
<img src="../assets/modules/9548b8337dd8ad8f46f8.png" alt="馆客多商家助手下载" />
<div>馆客多商家助手<br />下载</div>
</div>
<div class="qr-code">
<img src="../assets/modules/40a3913fa5af3d5dfde8.png" alt="扫码关注馆客多公众号" />
<div>扫码关注<br />馆客多公众号</div>
</div>
</div>
</div>
<div class="footer__right">
<div class="footer__nav">
<div class="footer__nav__title">我们</div>
<div class="footer__nav__item">
<a href="/about.html">关于我们</a>
</div>
<div class="footer__nav__item">
<a href="/register.html">联系我们</a>
</div>
<div class="qr-code">
<img src="../assets/modules/cefef8f55156b8b7fa7f.png" alt="扫一扫添加客服微信" />
<div>扫一扫<br />添加客服微信</div>
</div>
</div>
<div class="footer__nav">
<div class="footer__nav__title">合作</div>
<div class="footer__nav__item">
<a href="/register.html">我是场馆</a>
</div>
<div class="footer__nav__item">
<a href="/register.html">业务合作</a>
</div>
</div>
<div class="footer__nav">
<div class="footer__nav__title">产品</div>
<div class="footer__nav__item">
<a href="/board.html#common">六个羽友小程序</a>
</div>
<div class="footer__nav__item">
<a href="/board.html#gl">商家客户端</a>
</div>
<div class="footer__nav__item">
<a href="https://room.yunvip123.cn/#/register">商家后台</a>
</div>
</div>
</div>
</div>
<div class="links">
<a href="https://www.yunsports.net/">羽毛球订场系统</a>|
<a href="https://www.yunsports.net/">场馆管理系统</a>|
<a href="https://www.yunsports.net/">网球馆管理系统</a>|
<a href="https://www.yunsports.net/">羽毛球管理系统</a>
</div>
<div class="copyright">
版权所有 © 2018-2020 湖北云铺网络科技有限公司<span style="margin-left: 20px">鄂ICP备16016694号</span>
</div>
</div>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink