zhurui/LiuGeYuYou-HTML
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: zhurui/LiuGeYuYou-HTML:main
Branches Tags
zhurui/LiuGeYuYou-HTML:main zhurui/LiuGeYuYou-HTML:hotfix/ZR
...
pull from: zhurui/LiuGeYuYou-HTML:hotfix/ZR
Branches Tags
zhurui/LiuGeYuYou-HTML:main zhurui/LiuGeYuYou-HTML:hotfix/ZR

1 Commits
main ... hotfix/ZR

Author SHA1 Message Date
ZhuRui d72b1624a2 feat: 添加联系方式 2026-08-31 09:45:54 +08:00
2 changed files with 548 additions and 377 deletions
Expand all files Collapse all files
assets/css/main.css
+202 -1
View File
@@ -1,3 +1,204 @@
:root{font-size:16px;font-family:MiSans,PingFang SC-Bold,PingFang SC,sans-serif;word-break:break-all}button{cursor:pointer}.page{min-height:100vh}.header{display:flex;justify-content:center;background:rgba(0,0,0,.3);backdrop-filter:blur(10px);position:fixed;top:0;left:0;width:100%;z-index:10}.header #app-left-logo{position:absolute;left:50px;top:50%;transform:translateY(-50%);cursor:pointer}.header__inner{padding:22px 0;width:1290px;margin:0 auto;display:flex;align-items:center}.header__menu-con{width:100%;display:flex;justify-content:center}.header__logo{margin-right:30px}.header__logo>img{width:auto;height:32px;display:block}.header__nav{font-weight:400;font-size:15px;color:#fff;cursor:pointer;height:44px;padding:8px 20px;box-sizing:border-box;display:flex;justify-content:center;align-items:center;text-decoration:none}.header__nav--active{color:#eb662b}.footer{background:#1b1b1b;font-weight:400;font-size:16px;color:#fff;overflow:hidden}.footer__inner{max-width:1290px;margin:0 auto;display:flex;padding-top:67px;padding-bottom:80px}.footer__logo>img{width:auto;height:32px;display:block}.footer .copyright{font-family:Inter,sans-serif;text-align:center;font-weight:400;font-size:12px;color:#666;padding:25px 0;border-top:1px solid #383838;}.footer .links{display:flex;justify-content:center;align-items:center;color:#666;gap:15px;padding:12px;font-size:12px;border-top:1px solid #383838}.footer .links a{color:inherit;text-decoration:none}.footer .qr-code-list{display:flex;gap:36px;margin-top:66px}.footer .qr-code{width:132px;display:flex;flex-direction:column;align-items:center;text-align:center}.footer .qr-code>img{border-radius:8px;width:132px;height:132px;display:block}.footer .qr-code>div{margin-top:12px;font-size:12px;font-weight:200;color:#999}.footer__left{flex:0 0 auto}.footer__right{flex:1 1 0;width:0;display:flex;gap:52px;margin-left:57px}.footer__nav{flex:0 0 164px}.footer__nav__title{font-weight:500;font-size:20px;color:#fff;line-height:30px;margin-bottom:30px}.footer__nav__item{margin-bottom:20px;font-weight:400;font-size:15px;color:#fff}.footer__nav__item a{color:inherit;text-decoration:none}.section-header{display:flex;align-items:center;justify-content:space-between}.section-header__title{line-height:45px;font-weight:600;font-size:30px;color:#191919}.section-header__more{font-weight:400;font-size:16px;color:#05073c;line-height:28px;display:flex;align-items:center;cursor:pointer}.section-header__more img{width:20px;height:20px}
:root {
font-size: 16px;
font-family:
MiSans,
PingFang SC-Bold,
PingFang SC,
sans-serif;
word-break: break-all;
}
button {
cursor: pointer;
}
.page {
min-height: 100vh;
}
.header {
display: flex;
justify-content: center;
background: rgba(0, 0, 0, 0.3);
backdrop-filter: blur(10px);
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10;
}
.header #app-left-logo {
position: absolute;
left: 50px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
.header__inner {
padding: 22px 0;
width: 1290px;
margin: 0 auto;
display: flex;
align-items: center;
}
.header__menu-con {
width: 100%;
display: flex;
justify-content: center;
}
.header__logo {
margin-right: 30px;
}
.header__logo > img {
width: auto;
height: 32px;
display: block;
}
.header__nav {
font-weight: 400;
font-size: 15px;
color: #fff;
cursor: pointer;
height: 44px;
padding: 8px 20px;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
}
.header__phone {
position: absolute;
right: 50px;
top: 50%;
transform: translateY(-50%);
color: #fff;
font-weight: 400;
font-size: 14px;
line-height: 28px;
display: flex;
align-items: center;
gap: 10px;
}
.header__nav--active {
color: #eb662b;
}
.footer {
background: #1b1b1b;
font-weight: 400;
font-size: 16px;
color: #fff;
overflow: hidden;
}
.footer__inner {
max-width: 1290px;
margin: 0 auto;
display: flex;
padding-top: 67px;
padding-bottom: 80px;
}
.footer__logo > img {
width: auto;
height: 32px;
display: block;
}
.footer .copyright {
font-family: Inter, sans-serif;
text-align: center;
font-weight: 400;
font-size: 12px;
color: #666;
padding: 25px 0;
border-top: 1px solid #383838;
}
.footer .links {
display: flex;
justify-content: center;
align-items: center;
color: #666;
gap: 15px;
padding: 12px;
font-size: 12px;
border-top: 1px solid #383838;
}
.footer .links a {
color: inherit;
text-decoration: none;
}
.footer .qr-code-list {
display: flex;
gap: 36px;
margin-top: 66px;
}
.footer .qr-code {
width: 132px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.footer .qr-code > img {
border-radius: 8px;
width: 132px;
height: 132px;
display: block;
}
.footer .qr-code > div {
margin-top: 12px;
font-size: 12px;
font-weight: 200;
color: #999;
}
.footer__left {
flex: 0 0 auto;
}
.footer__right {
flex: 1 1 0;
width: 0;
display: flex;
gap: 52px;
margin-left: 57px;
}
.footer__nav {
flex: 0 0 164px;
}
.footer__nav__title {
font-weight: 500;
font-size: 20px;
color: #fff;
line-height: 30px;
margin-bottom: 30px;
}
.footer__nav__item {
margin-bottom: 20px;
font-weight: 400;
font-size: 15px;
color: #fff;
}
.footer__nav__item a {
color: inherit;
text-decoration: none;
}
.section-header {
display: flex;
align-items: center;
justify-content: space-between;
}
.section-header__title {
line-height: 45px;
font-weight: 600;
font-size: 30px;
color: #191919;
}
.section-header__more {
font-weight: 400;
font-size: 16px;
color: #05073c;
line-height: 28px;
display: flex;
align-items: center;
cursor: pointer;
}
.section-header__more img {
width: 20px;
height: 20px;
}
/*# sourceMappingURL=main.css.map?hash=b446ba1443bc4913f472*/
index.html
+16 -46
View File
@@ -1,16 +1,15 @@
<!DOCTYPE html>
<!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="keywords" content="羽毛球订场, 羽毛球约球平台, 智慧羽毛球馆, 无人值守球馆, 场馆预订系统, 在线订羽毛球场, 六个羽友, 智慧场馆解决方案" />
<meta
name="description"
content="六个羽友是领先的专业羽毛球订场约球平台！我们提供便捷高效的羽毛球场地在线预订、智能场馆管理及无人化智慧场馆解决方案。告别电话排队，轻松在线选场、约球友、自助扫码入场。赋能场馆实现智能化运营降本增效，为球友打造24小时随心打的智慧运动体验。找羽毛球场、约球友、管理场馆，就用六个羽友！" />
content="六个羽友是领先的专业羽毛球订场约球平台！我们提供便捷高效的羽毛球场地在线预订、智能场馆管理及无人化智慧场馆解决方案。告别电话排队，轻松在线选场、约球友、自助扫码入场。赋能场馆实现智能化运营降本增效，为球友打造24小时随心打的智慧运动体验。找羽毛球场、约球友、管理场馆，就用六个羽友！"
/>
<link rel="shortcut icon" href="/favicon.png" />
<meta name="applicable-device" content="pc" />
<script defer src="assets/chunks/js/runtime.js?hash=b446ba1443bc4913f472"></script>
@@ -29,13 +28,7 @@
<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" />
<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>
@@ -44,6 +37,7 @@
<a class="header__nav" data-link="tournament" href="/tournament.html">六羽赛事</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 class="header__phone">联系电话：400-825-9818</div>
</div>
</div>
</div>
@@ -105,10 +99,7 @@
<div class="cgyd__item" @click="toCommonBoard">
<div class="cgyd__item__header">
<div class="cgyd__item__title">馆客多羽毛球赛事场</div>
<img
class="cgyd__item__actions"
src="assets/modules/3c98f6eae8f7932bc655.png"
alt="actions" />
<img class="cgyd__item__actions" src="assets/modules/3c98f6eae8f7932bc655.png" alt="actions" />
</div>
<div class="cgyd__court-list">
<div v-for="i in 8" :key="i" class="cgyd__court">
@@ -136,9 +127,7 @@
<div class="info-body">
<div class="label">场馆管理</div>
<div class="title">24小时无人值守场馆解决方案</div>
<div class="tex">
一套智慧场馆解决方案，将场馆升级成了24小时营业的纯无人化场馆，营业时间直接进行了翻倍，而且还无需专人驻场管理维护，提高坪效产出的同时，大大的降低了人工成本
</div>
<div class="tex">一套智慧场馆解决方案，将场馆升级成了24小时营业的纯无人化场馆，营业时间直接进行了翻倍，而且还无需专人驻场管理维护，提高坪效产出的同时，大大的降低了人工成本</div>
<div class="info-table">
<div class="row">
<div class="item">
@@ -196,13 +185,10 @@
</div>
</div>
<div id="qcgl-main-con" class="main-inner">
<div class="info-body" style="margin-left: 0;margin-right: 95px;">
<div class="info-body" style="margin-left: 0; margin-right: 95px">
<div class="label">六羽赛事</div>
<div class="title">一站式赛事管理平台</div>
<div class="tex">
移动端全流程办赛，PC端专业增强。从创建赛事到成绩公布，全流程自动化，让办赛更轻松，让参赛更简单。
</div>
<div class="tex">移动端全流程办赛，PC端专业增强。从创建赛事到成绩公布，全流程自动化，让办赛更轻松，让参赛更简单。</div>
<div class="info-table">
<div class="row">
<div class="item">
@@ -273,27 +259,17 @@
<div class="gywm__list">
<div class="gywm__item">
<img
class="gywm__item__img"
src="assets/modules/2aa870f41cd138977218.png"
alt="球友: 订场约球" />
<img class="gywm__item__img" src="assets/modules/2aa870f41cd138977218.png" alt="球友: 订场约球" />
<div>
<h4 class="gywm__item__title">球友: 订场约球</h4>
<div class="gywm__item__desc">
六个羽友是一款针对球友的C端找球场约球平台，帮助球友尽快找到附近球场，组队约球，为各种球类爱好运动的人员提供便捷。
</div>
<div class="gywm__item__desc">六个羽友是一款针对球友的C端找球场约球平台，帮助球友尽快找到附近球场，组队约球，为各种球类爱好运动的人员提供便捷。</div>
</div>
</div>
<div class="gywm__item">
<img
class="gywm__item__img"
src="assets/modules/02755a6380352d0ecec7.png"
alt="球馆: 场馆管理" />
<img class="gywm__item__img" src="assets/modules/02755a6380352d0ecec7.png" alt="球馆: 场馆管理" />
<div>
<h4 class="gywm__item__title">球馆: 场馆管理</h4>
<div class="gywm__item__desc">
六个羽友结合馆客多球场订场系统，所有馆客多的球馆都可以免费展现在六个羽友上，帮助球馆获客引流，将自己球馆的介绍、图片、特点、课程等展现在平台上，吸引更多球友点击关注。
</div>
<div class="gywm__item__desc">六个羽友结合馆客多球场订场系统，所有馆客多的球馆都可以免费展现在六个羽友上，帮助球馆获客引流，将自己球馆的介绍、图片、特点、课程等展现在平台上，吸引更多球友点击关注。</div>
</div>
</div>
</div>
@@ -363,16 +339,10 @@
</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>| <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 class="copyright">版权所有 © 2018-2020 湖北云铺网络科技有限公司<span style="margin-left: 20px">鄂ICP备16016694号</span></div>
</div>
</div>
</body>