优化

MrShi

2025-09-19 a5e841edeb90e8b3306a395d40fd4953d092ead6

优化

 mobile/css/index.css

@@ -4,14 +4,27 @@
.banner {
    width: 100%;
    height: 211px;
}
.swiper-container2 {
    width: 100%;
    height: 211px;
}
.swiper-slide1 {
    width: 100%;
    padding: 0 30px;
    box-sizing: border-box;
    background-image: url("../images/home_banner@2x.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}
.swiper-slide1 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.banner_title {
    font-weight: bold;

 mobile/css/sportsChain.css

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,252 @@
.box {
    width: 100%;
}
.head {
    width: 100%;
    height: 44px;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    background: #FFFFFF;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 999;
    box-shadow: 0 2px 8px 0 rgba(102,102,102,0.05);
}
.head_logo {
    width: 98px;
    height: 32px;
}
.head_menu {
    width: 24px;
    height: 24px;
}
.banner {
    width: 100%;
    padding: 24px 15px;
    box-sizing: border-box;
    background: #F8F9FB;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.banner_title {
    font-weight: 600;
    font-size: 18px;
    color: #191B1F;
}
.banner_info {
    font-weight: 400;
    font-size: 11px;
    color: #9196A1;
    margin-top: 10px;
    text-align: center;
}
.banner img {
    width: 345px;
    height: 173px;
    margin-top: 20px;
}
.lanmu {
    width: 100%;
    height: 70px;
}
.item {
    width: 100%;
    padding: 24px 0;
    box-sizing: border-box;
    background-color: #ffffff;
}
.item_title {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    font-weight: 600;
    font-size: 16px;
    color: #191B1F;
}
.item_info {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 11px;
    color: #9196A1;
    margin-top: 11px;
}
.item_list {
    width: 100%;
    margin-top: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}
.item_list_item {
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}
.item_list_item img {
    width: 44px;
    height: 44px;
}
.item_list_item span {
    font-weight: 400;
    font-size: 13px;
    color: #191B1F;
    margin-top: 10px;
}
.item_image {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
    margin-top: 5px;
}
.gengduo {
    width: 100%;
    padding: 24px 17px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
}
.gengduo_title {
    font-weight: 600;
    font-size: 18px;
    color: #191B1F;
}
.gengduo_info {
    font-weight: 400;
    font-size: 11px;
    color: #9196A1;
    margin-top: 10px;
    text-align: center;
}
.gengduo img {
    width: 100%;
    margin-top: 13px;
}
.footer {
    width: 100%;
    padding: 24px 20px;
    box-sizing: border-box;
    background: #2E333A;
    position: relative;
}
.footer_title {
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    margin-bottom: 15px;
}
.footer_row {
    width: 100%;
    margin-bottom: 11px;
}
.footer_row {
    width: 100%;
    display: flex;
    align-items: center;
}
.footer_row img {
    width: 14px;
    height: 14px;
    margin-right: 16px;
}
.footer_row span {
    font-weight: 400;
    font-size: 13px;
    color: #CCCCCC;
}
.footer_x {
    width: 100%;
    height: 1px;
    margin-bottom: 23px;
    background-color: #898989;
}
.footer_info {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.footer_info span {
    font-weight: 400;
    font-size: 11px;
    color: #999999;
}
.footer_qrcode {
    position: absolute;
    right: 30px;
    top: 30px;
    display: flex;
    align-items: center;
}
.footer_qrcode_item {
    width: 68px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-left: 11px;
}
.footer_qrcode_item img {
    width: 68px;
    height: 68px;
}
.footer_qrcode_item span {
    font-weight: 400;
    font-size: 12px;
    color: #CCCCCC;
    margin-top: 10px;
}
.footer_lx {
    width: 100%;
    height: 54px;
    background: #FFFFFF;
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 0 15px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.footer_lx_left {
    display: flex;
    align-items: center;
}
.footer_lx_left img {
    width: 23px;
    height: 23px;
    margin-right: 8px;
}
.footer_lx_left span {
    font-weight: 500;
    font-size: 14px;
    color: #191B1F;
}
.footer_lx_right {
    width: 214px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: #FF7900;
    box-shadow: 0px 2px 10px 0px rgba(255,121,0,0.54);
    border-radius: 18px;
    font-weight: 600;
    font-size: 15px;
    color: #FFFFFF;
}

 mobile/images/img_tiyuliansuo@2x.png

 mobile/images/solution_tiyuliansuo@2x.png

 mobile/index.html

@@ -15,9 +15,16 @@
    <div class="box">
        <div id="header"></div>
        <div class="banner">
            <span class="banner_title">豆米科技 æ•°æ™ºæ–‡ä½“旅服务商</span>
            <span class="banner_info">智慧场馆营销SaaS系统+数智解决方案服务</span>
            <div class="banner_btn">咨询详情</div>
            <div class="swiper-container2">
                <div class="swiper-wrapper">
                    <div class="swiper-slide1">
                        <img src="./images/home_banner@2x.png" />
                        <span class="banner_title">豆米科技 æ•°æ™ºæ–‡ä½“旅服务商</span>
                        <span class="banner_info">智慧场馆营销SaaS系统+数智解决方案服务</span>
                        <div class="banner_btn">咨询详情</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="fangan">
            <div class="fangan_title">智慧空间解决方案</div>
@@ -225,48 +232,6 @@
            <img class="fangan_image" style="height: 260px;" src="./images/home_hezuo@2x.png" />
        </div>
        <div id="footer"></div>
<!--        <div class="footer">-->
<!--            <div class="footer_title">联系我们</div>-->
<!--            <div class="footer_row">-->
<!--                <img src="./images/ic_telephone@2x.png" />-->
<!--                <span>0551-63450845</span>-->
<!--            </div>-->
<!--            <div class="footer_row">-->
<!--                <img src="./images/ic_cellphone@2x.png" />-->
<!--                <span>15395136032</span>-->
<!--            </div>-->
<!--            <div class="footer_row">-->
<!--                <img src="./images/ic_time@2x.png" />-->
<!--                <span>09:00-22:00</span>-->
<!--            </div>-->
<!--            <div class="footer_row">-->
<!--                <img src="./images/ic_telephone@2x.png" />-->
<!--                <span>安徽省合肥市经开区安徽莲花科技创新产业园F401室</span>-->
<!--            </div>-->
<!--            <div class="footer_x"></div>-->
<!--            <div class="footer_info">-->
<!--                <span>安徽豆米科技有限公司 Â© 2014-2025</span>-->
<!--                <span>dmtt.run. All Rights Reserved</span>-->
<!--            </div>-->
<!--            <div style="width: 100%; height: 54px;"></div>-->
<!--            <div class="footer_qrcode">-->
<!--                <div class="footer_qrcode_item">-->
<!--                    <img src="./images/home_ic_bushu@2x.png" />-->
<!--                    <span>微信公众号</span>-->
<!--                </div>-->
<!--                <div class="footer_qrcode_item">-->
<!--                    <img src="./images/home_ic_bushu@2x.png" />-->
<!--                    <span>客服微信</span>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="footer_lx">-->
<!--                <div class="footer_lx_left">-->
<!--                    <img src="./images/ic_phone@2x.png" />-->
<!--                    <span>电话咨询</span>-->
<!--                </div>-->
<!--                <div class="footer_lx_right">申请免费试用</div>-->
<!--            </div>-->
<!--        </div>-->
    </div>
    <script src="./js/swiper.min.js"></script>

@@ -280,6 +245,9 @@
            slidesPerView: 1.1,
            spaceBetween: 10
        });
        var swiper2 = new Swiper('.swiper-container2', {
            slidesPerView: 1
        });
    </script>
</body>
</html>

 mobile/js/sportsChain.js

 mobile/sportsChain.html

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,357 @@
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/sportsChain.css">
    <link rel="stylesheet" href="./css/common.css">
    <title>体育连锁运营平台</title>
</head>
<body>
    <div class="box">
        <div class="head">
            <img class="head_logo" src="./images/top_logo@2x.png" />
            <img class="head_menu" src="./images/top_menu@2x.png" />
        </div>
        <div class="banner">
            <div class="banner_title">体育连锁运营平台示意图</div>
            <div class="banner_info">通过智能系统实现跨区域多场馆统一管理和会员服务协同，进行场馆精细管控和营销</div>
            <img src="./images/img_tiyuliansuo@2x.png" />
        </div>
        <div class="banner" style="background: #FFF6ED;">
            <div class="banner_title">体育连锁运营平台解决方案优势</div>
            <img style="height: 155px;" src="./images/solution_tiyuliansuo@2x.png" />
        </div>
        <img src="./images/img_hexingongneng@2x.png" class="lanmu" />
        <div class="item">
            <div class="item_title">智慧前台</div>
            <div class="item_info">
                æŽ¥å¾…引导用户完成购票、套餐办理等业务；<br />
                å•†å“å”®å–收银，支持多种支付方式，简单便捷；<br />
                å®žæ—¶æŸ¥çœ‹åœºé¦†ç»è¥æƒ…况，数据报表一目了然；<br />
                æ”¯æŒå®¶é•¿åŠžç†ä¼´æ¸¸å¡ï¼Œå…¥åœºé™ªåŒå­¦å‘˜åŸ¹è®­å­¦ä¹ ï¼›
            </div>
            <div class="item_list">
                <div class="item_list_item">
                    <img src="./images/icon3/ic_vipguanli@2x.png" />
                    <span>会员管理</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_shitikabanli@2x.png" />
                    <span>实体卡办理</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_menpiaoshoumai@2x.png" />
                    <span>门票售卖</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_taocanshoumai@2x.png" />
                    <span>套餐售卖</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_niankacika@2x.png" />
                    <span>年卡次卡</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_zhujiaozulin@2x.png" />
                    <span>助教租赁</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_shouyinjiesuan@2x.png" />
                    <span>收银结算</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_banyouka@2x.png" />
                    <span>伴游卡</span>
                </div>
            </div>
            <img class="item_image" src="./images/zongheguan_img_2@2x.png" />
        </div>
        <div class="item" style="background: #F8F9FB;">
            <div class="item_title">预约订场</div>
            <div class="item_info">
                å°ç¨‹åºè‡ªåŠ©é¢„约订场，在线支付，系统自动关
            </div>
            <div class="item_list">
                <div class="item_list_item">
                    <img src="./images/icon3/ic_changdiyuding@2x.png" />
                    <span>场地预定</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_zaixiangoupiao@2x.png" />
                    <span>在线购票</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_zizhuchongzhi@2x.png" />
                    <span>自助充值</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_huiyuanbanli@2x.png" />
                    <span>会员办理</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_taocanfuwu@2x.png" />
                    <span>套餐服务</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_lingquanzhongxin@2x.png" />
                    <span>领券中心</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_zaixianyueqiu@2x.png" />
                    <span>在线约球</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_kechengbaoming@2x.png" />
                    <span>课程报名</span>
                </div>
            </div>
            <img class="item_image" src="./images/zongheguan_img_3@2x.png" />
        </div>
        <div class="item">
            <div class="item_title">体培体训</div>
            <div class="item_info">
                å¯¹å­¦å‘˜/教练智能管理，系统自动排课，一键签到消课管理无忧
            </div>
            <div class="item_list">
                <div class="item_list_item">
                    <img src="./images/icon3/ic_xueyuanganli@2x.png" />
                    <span>学员管理</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_xianshanggoupiao@2x.png" />
                    <span>签到消课</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_kechengguanli@2x.png" />
                    <span>课程管理</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_jiaolianguanli@2x.png" />
                    <span>教练管理</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_keshijilu@2x.png" />
                    <span>课时记录</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_zhinengxiaokeji@2x.png" />
                    <span>智能消课机</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_zhinengpaike@2x.png" />
                    <span>智能排课</span>
                </div>
                <div style="width: 25%; height: 0;"></div>
            </div>
            <img class="item_image" src="./images/zongheguan_img_6@2x.png" />
        </div>
        <div class="item" style="background: #F8F9FB;">
            <div class="item_title">智能管控</div>
            <div class="item_info">
                é¢„定后可通过多种方式核验入场，支持一码通、一卡通、一脸通；<br />
                ç‰©è”设备绑定票务系统，实现智能场景化应用；<br />
                è½¯ç¡¬ä»¶è”动实现体育场馆运营运维一体化
            </div>
            <div class="item_list">
                <div class="item_list_item">
                    <img src="./images/icon3/ic_renlianshibie@2x.png" />
                    <span>人脸识别</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_erweimashibie@2x.png" />
                    <span>二维码识别</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_zhinengchuwugui@2x.png" />
                    <span>智能储物柜</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_zhinengzhaji@2x.png" />
                    <span>智能闸机</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_yundongzhuapai@2x.png" />
                    <span>AI运动抓拍</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_zhinenganfang@2x.png" />
                    <span>智能安防监控</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_yunweiguanli@2x.png" />
                    <span>运维管理</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_zhinengdengkong@2x.png" />
                    <span>智能灯控</span>
                </div>
            </div>
            <img class="item_image" src="./images/zongheguan_img_5@2x.png" />
        </div>
        <div class="item">
            <div class="item_title">商品管理</div>
            <div class="item_info">
                çº¿ä¸Šéšæ—¶æŸ¥çœ‹åº“存和上架商品，支持会员卡充值划扣；
            </div>
            <div class="item_list">
                <div class="item_list_item">
                    <img src="./images/icon3/ic_shangpingshoumai@2x.png" />
                    <span>商品售卖</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_jinxiaocunguanli@2x.png" />
                    <span>进销存管理</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_xiaoshoubaobiao@2x.png" />
                    <span>销售报表</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_shangpinpandian@2x.png" />
                    <span>商品盘点</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_airuanjian@2x.png" />
                    <span>订单管理</span>
                </div>
                <div style="width: 25%; height: 0;"></div>
                <div style="width: 25%; height: 0;"></div>
                <div style="width: 25%; height: 0;"></div>
            </div>
            <img class="item_image" src="./images/hexin_img_shangpinguanli.png" />
        </div>
        <div class="item" style="background: #F8F9FB;">
            <div class="item_title">营销推广</div>
            <div class="item_info">
                ç»“合营销工具包，策划多种活动形式实现用户拉新，会员促活；<br />
                åˆ¶å®šç§¯åˆ†è§„则（消费/签到获取），支持商城兑换礼品或抵扣费用；<br />
                çº¿ä¸Šå…‘换后，支持物流配送或到馆自提；
            </div>
            <div class="item_list">
                <div class="item_list_item">
                    <img src="./images/icon3/ic_jifenguanli@2x.png" />
                    <span>积分管理</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_jifenshangcheng@2x.png" />
                    <span>积分商城</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_duihuandingdan@2x.png" />
                    <span>兑换订单</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_wuliupeisong@2x.png" />
                    <span>物流配送</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_miaoshachoujiang@2x.png" />
                    <span>秒杀抽奖</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_duanxintuisong@2x.png" />
                    <span>短信推送</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_dingxiangfaquan@2x.png" />
                    <span>定向发券</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_dengjiquanyi@2x.png" />
                    <span>等级权益</span>
                </div>
                <div style="width: 25%; height: 0;"></div>
            </div>
            <img class="item_image" src="./images/yun1ying_img2@2x.png" />
        </div>
        <div class="item">
            <div class="item_title">财务统计</div>
            <div class="item_info">
                è´¢åŠ¡æ•°æ®æ¸…晰，支持分时段搜索查看，智能报表一目了然
            </div>
            <div class="item_list">
                <div class="item_list_item">
                    <img src="./images/icon3/ic_yingyejiesuan@2x.png" />
                    <span>营业结算</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_shourulaiyuan@2x.png" />
                    <span>收入来源</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_zijinliushui@2x.png" />
                    <span>资金流水</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_shoukuanfangshi@2x.png" />
                    <span>收款方式</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_tuikuanjilu@2x.png" />
                    <span>退款记录</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_yingyefenlei@2x.png" />
                    <span>营业分类</span>
                </div>
                <div class="item_list_item">
                    <img src="./images/icon3/ic_yundongtongji@2x.png" />
                    <span>数据分析</span>
                </div>
                <div style="width: 25%; height: 0;"></div>
            </div>
            <img class="item_image" src="./images/yunying_34img2@2x.png" />
        </div>
        <div class="gengduo">
            <div class="gengduo_title">更多功能</div>
            <div class="gengduo_info">智慧体育场馆运营管理系统，聚力赋能，智领未来，功能无限扩张，强大不止于此</div>
            <img src="./images/cate.png" />
        </div>
        <div class="footer">
            <div class="footer_title">联系我们</div>
            <div class="footer_row">
                <img src="./images/ic_telephone@2x.png" />
                <span>0551-63450845</span>
            </div>
            <div class="footer_row">
                <img src="./images/ic_cellphone@2x.png" />
                <span>15395136032</span>
            </div>
            <div class="footer_row">
                <img src="./images/ic_time@2x.png" />
                <span>09:00-22:00</span>
            </div>
            <div class="footer_row">
                <img src="./images/ic_telephone@2x.png" />
                <span>安徽省合肥市经开区安徽莲花科技创新产业园F401室</span>
            </div>
            <div class="footer_x"></div>
            <div class="footer_info">
                <span>安徽豆米科技有限公司 Â© 2014-2025</span>
                <span>dmtt.run. All Rights Reserved</span>
            </div>
            <div style="width: 100%; height: 54px;"></div>
            <div class="footer_qrcode">
                <div class="footer_qrcode_item">
                    <img src="./images/home_ic_bushu@2x.png" />
                    <span>微信公众号</span>
                </div>
                <div class="footer_qrcode_item">
                    <img src="./images/home_ic_bushu@2x.png" />
                    <span>客服微信</span>
                </div>
            </div>
            <div class="footer_lx">
                <div class="footer_lx_left">
                    <img src="./images/ic_phone@2x.png" />
                    <span>电话咨询</span>
                </div>
                <div class="footer_lx_right">申请免费试用</div>
            </div>
        </div>
    </div>
    <script src="./js/sportsChain.js"></script>
</body>
</html>