2026-08-25 12:01:09 +08:00
|
|
|
<!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,maximum-scale=1,user-scalable=no" />
|
|
|
|
|
<title>六个羽友</title>
|
|
|
|
|
<meta name="keywords" content="订场,约球,球馆,球友" />
|
|
|
|
|
<meta name="description" content="国内专业的订场约球平台 帮球馆引流 帮球友找搭子" />
|
|
|
|
|
<meta name="applicable-device" content="pc" />
|
|
|
|
|
<link rel="shortcut icon" href="/favicon.png" />
|
|
|
|
|
<meta name="applicable-device" content="mobile" />
|
2026-09-01 15:24:09 +08:00
|
|
|
<script defer src="../assets/chunks/js/runtime.js"></script>
|
|
|
|
|
<script defer src="../assets/chunks/js/vendor-libs.js"></script>
|
|
|
|
|
<script defer src="../assets/chunks/js/vendor-common.js"></script>
|
|
|
|
|
<script defer src="../assets/chunks/js/common.js"></script>
|
|
|
|
|
<script defer src="../assets/js/mobile.js"></script>
|
|
|
|
|
<script defer src="../assets/chunks/js/vendor-vue.js"></script>
|
|
|
|
|
<script defer src="../assets/js/stadiumReserveM.js"></script>
|
|
|
|
|
<link href="../assets/css/vendor-common.css" rel="stylesheet" />
|
|
|
|
|
<link href="../assets/css/common.css" rel="stylesheet" />
|
|
|
|
|
<link href="../assets/css/mobile.css" rel="stylesheet" />
|
2026-08-25 12:01:09 +08:00
|
|
|
</head>
|
|
|
|
|
<body class="page home-page">
|
|
|
|
|
<div id="homeMain" class="home-main mobile-reserve">
|
|
|
|
|
<div class="header">
|
|
|
|
|
<div id="app-left-logo" class="header__logo">
|
|
|
|
|
<img src="../assets/modules/408f5f41b21b507442e3.png" alt="logo" />
|
|
|
|
|
</div>
|
|
|
|
|
<div class="header__menu" @click="openMenu">
|
|
|
|
|
<img src="../assets/modules/61b28e40a8e4551422b5.png" alt="menu" class="header__menu__icon" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="header-placeholder" style="height: 72px"></div>
|
|
|
|
|
|
|
|
|
|
<div class="top">
|
|
|
|
|
<div class="search">
|
|
|
|
|
<el-cascader
|
|
|
|
|
v-model="currentCity"
|
|
|
|
|
:options="cityList"
|
|
|
|
|
:show-all-levels="false"
|
|
|
|
|
:props="{ value: 'label', emitPath: false }"
|
|
|
|
|
@change="cityChange">
|
|
|
|
|
</el-cascader>
|
|
|
|
|
<div class="separator-line"></div>
|
|
|
|
|
<input
|
|
|
|
|
class="keyword"
|
|
|
|
|
type="text"
|
|
|
|
|
placeholder="请输入场馆名称、地址搜索"
|
|
|
|
|
v-model="keyWords"
|
|
|
|
|
@keyup.enter="queryShopList" />
|
|
|
|
|
<button name="button" class="common-button" @click="queryShopList">
|
|
|
|
|
<el-icon :size="18">
|
|
|
|
|
<search></search>
|
|
|
|
|
</el-icon>
|
|
|
|
|
</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="qr-box">
|
|
|
|
|
<img src="../assets/modules/18bbd2199475337108f5.png" alt="" />
|
|
|
|
|
<div class="right">
|
|
|
|
|
<div style="font-size: 18px; font-weight: 600">小程序预定享更多优惠</div>
|
|
|
|
|
<div style="color: #717171; margin-top: 6px">长按保存二维码至手机，扫码订场</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="list">
|
|
|
|
|
<div class="shop-list" v-for="item of shopList" :key="item.shopId">
|
|
|
|
|
<img :src="item.showImg" :alt="item.shopName" />
|
|
|
|
|
<div class="title">{{item.shopName}}</div>
|
|
|
|
|
<div class="content">
|
|
|
|
|
<div class="content-left">
|
|
|
|
|
<div class="tag">
|
|
|
|
|
<div class="tag-item" v-for="(tag, index) of item.showTag" :key="tag">{{tag}}</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="mini-font">
|
|
|
|
|
<span style="color: #717171">营业时间：</span>{{item.businessTime}}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="content-right">
|
|
|
|
|
<button @click="goDetail(item.shopId)">进入场馆</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="address">
|
|
|
|
|
<el-icon :size="18">
|
|
|
|
|
<location-information></location-information>
|
|
|
|
|
</el-icon>
|
|
|
|
|
{{item.shopAddress}}
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="footer">
|
|
|
|
|
<div class="footer__logo">
|
|
|
|
|
<img src="../assets/modules/1a8ea83df0fe8309a55d.png" alt="logo" />
|
|
|
|
|
<div>国内专业的订场约球平台</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="footer__row">
|
|
|
|
|
<div class="footer__nav-list">
|
|
|
|
|
<div class="footer__nav">
|
|
|
|
|
<div class="footer__nav__title">我们</div>
|
|
|
|
|
<div class="footer__nav__item">
|
|
|
|
|
<a href="/mobile/about/index.html">关于我们</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="footer__nav__item">
|
|
|
|
|
<a href="/mobile/register/index.html">联系我们</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="footer__nav">
|
|
|
|
|
<div class="footer__nav__title">合作</div>
|
|
|
|
|
<div class="footer__nav__item">
|
|
|
|
|
<a href="/mobile/register/index.html">我是场馆</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="footer__nav__item">
|
|
|
|
|
<a href="/mobile/register/index.html">业务合作</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="footer__nav">
|
|
|
|
|
<div class="footer__nav__title">产品</div>
|
|
|
|
|
<div class="footer__nav__item">
|
|
|
|
|
<a href="" @click.prevent="openLgyy">六个羽友小程序 </a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="footer__nav__item">
|
|
|
|
|
<a href="" @click.prevent="openGkd">商家客户端</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="footer__nav__item">
|
|
|
|
|
<a href="https://room.yunvip123.cn/#/register">商家后台</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="footer__qr-code-list">
|
|
|
|
|
<div class="footer__qr-code-item">
|
|
|
|
|
<img src="../assets/modules/18bbd2199475337108f5.png" alt="六个羽友小程序" />
|
|
|
|
|
<div>扫码进入<br />六个羽友小程序</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="footer__qr-code-item">
|
|
|
|
|
<img src="../assets/modules/9548b8337dd8ad8f46f8.png" alt="馆客多商家助手" />
|
|
|
|
|
<div>馆客多商家助手<br />下载</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="footer__qr-code-list2">
|
|
|
|
|
<div class="footer__qr-code-item">
|
|
|
|
|
<img src="../assets/modules/cefef8f55156b8b7fa7f.png" alt="客服微信" />
|
|
|
|
|
<div>扫一扫<br />添加客服微信</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="footer__qr-code-item">
|
|
|
|
|
<img src="../assets/modules/40a3913fa5af3d5dfde8.png" alt="馆客多公众号" />
|
|
|
|
|
<div>扫码关注<br />馆客多公众号</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="copyright"> © 2018-2020 湖北云铺网络科技有限公司</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<ad-popup ref="lgyyPopup">
|
|
|
|
|
<img class="lgyy-popup-img" src="../assets/modules/47baa5b1894480842017.png" alt="六个羽友" />
|
|
|
|
|
</ad-popup>
|
|
|
|
|
<ad-popup ref="gkdPopup">
|
|
|
|
|
<img class="lgyy-popup-img" src="../assets/modules/036472f5f97f22b88d6c.png" alt="商家助手" />
|
|
|
|
|
</ad-popup>
|
|
|
|
|
|
|
|
|
|
<menu-popup ref="menuPopup"></menu-popup>
|
|
|
|
|
</div>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
