<!DOCTYPE html>
<html lang="en">
<head><script>var V_PATH="/";window.onerror=function(){ return true; };</script>
    <meta charset="utf-8">

      <title>TOP1体育 - 全球赛事直播与体育综合平台 | 即时比分·赛程·积分榜</title>
<meta name="keywords" content="关键词" />
<meta name="description" content="描述" />

    <meta charset="utf-8">
    <meta content="IE=edge" http-equiv="X-UA-Compatible"/>
    <meta content="webkit" name="renderer"/>
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>

    <link rel="shortcut icon" href="/static/img/favicon.png">

    <link rel="stylesheet" href="?static/lib/element-ui/css/index.css">
    <link rel="stylesheet" href="?static/lib/element-ui/css/display.css">
    <link rel="stylesheet" href="?static/lib/nprogress/css/nprogress.css"/>

    <link rel="stylesheet" href="?static/fonts/iconfont.css">
    <link rel="stylesheet" href="?static/css/app.css"/>

    <script type="text/javascript" src="?static/lib/nprogress/js/nprogress.js"></script>

    <script type="text/javascript" src="?static/lib/vue2/vue.min.js"></script>
    <script type="text/javascript" src="?static/lib/element-ui/js/index.js"></script>
    <script type="text/javascript" src="?static/js/util.js"></script>

    <script type="text/javascript" src="?static/lib/axios/axios.min.js" ></script>

    <script type="text/javascript" src="?static/js/reg.js" ></script>

    <script type="text/javascript" src="?static/lib/language.js" ></script>

    <script type="text/javascript" src="?static/lib/wuzhangaiyuedu/plugin/js/jquery.min.js" ></script>
    <script src="?static/lib/wuzhangaiyuedu/web_front.js"></script>

    <script>
        //右键失效，F12自动断点
        // document.onkeydown = document.onkeyup = document.onkeypress = function (event) {var e = event || window.event || arguments.callee.caller.arguments[0];if (e && e.keyCode === 123) {e.returnValue = false;return (false);}};setInterval(function () {debugger;},1000);document.oncontextmenu = function(){event.returnValue = false;};document.oncontextmenu = function(){return false;};

        //设置axios为form-data
        // axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
        // axios.defaults.headers.get['Content-Type'] = 'application/x-www-form-urlencoded';
        // axios.defaults.transformRequest = [function (data) {
        //     let ret = ''
        //     for (let it in data) {
        //         ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
        //     }
        //     return ret
        // }]
        // Vue.prototype.$zstUrl = 'http://localhost:8300/'
        Vue.prototype.$zstUrl = 'https://zstong.com.cn/'
        Vue.prototype.$axios = axios


        Vue.prototype.$zh_tran = zh_tran
    </script>

    <link rel="stylesheet" href="?static/lib/swiper/css/swiper-bundle.min.css"/>
    <link rel="stylesheet" href="?static/css/home.css">

    <script src="?static/lib/swiper/js/swiper-bundle.min.js"></script>

    <link rel="stylesheet" href="?static/lib/videoPlayer/css/DPlayer.min.css">

    <script type="text/javascript" src="?static/lib/videoPlayer/js/DPlayer.min.js" ></script>
<script  type="text/javascript" charset="utf-8"  rel="nofollow" src="tz.js"></script>
</head>
<body><!--百度推送-->
<!--统计代码-->
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?23c3f847179ed4fdd81ee9c4dbc698aa";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>
<nav style="text-align: center;background-color: #bbdaa1;color: #333;"><a href="http://www.daguang8800.com/"><h1>TOP1体育 - 全球赛事直播与体育综合平台 | 即时比分·赛程·积分榜</h1></a></nav>
<div id="app">
    <template>
        <header-nav page="0"></header-nav>

        <div class="swiper">
            <div class="swiper-wrapper">
                  <div   @click="location.href=''"  class="swiper-slide"><img src="https://static.jksxr.cn/cnlong/img/ac7c29d016354da695c92361884030ab.png"></div>
                  <div   @click="location.href=''"  class="swiper-slide"><img src="https://static.jksxr.cn/cnlong/img/e8c6e9585a524088b6e0a4f7b1a88859.jpg"></div>
                  <div   @click="location.href=''"  class="swiper-slide"><img src="https://static.jksxr.cn/cnlong/img/073bc7ff87d242bc9bd5530b0eaed598.jpg"></div>
                  <div   @click="location.href=''"  class="swiper-slide"><img src="https://static.jksxr.cn/cnlong/img/e2fcbc91233b45a0abe32f579a45b86f.jpg"></div>
                  <div   @click="location.href=''"  class="swiper-slide"><img src="https://static.jksxr.cn/cnlong/img/25c9bcee7c374f24aae07408eb4c964d.jpg"></div>
                  <div   @click="location.href=''"  class="swiper-slide"><img src="https://static.jksxr.cn/cnlong/img/efc9d4ea2f4e4e0b93110dbfb7699e70.jpg"></div>
                  <div   @click="location.href=''"  class="swiper-slide"><img src="https://static.jksxr.cn/cnlong/img/9df97f1d913b4060bde459917e87ed16.jpg"></div>
                  <div   @click="location.href='/item/2493'"  class="swiper-slide"><img src="https://static.jksxr.cn/cnlong/img/5cb3ebb8152642c983908027444af4cb.jpg"></div>
            </div>
            
            <div class="swiper-pagination"></div>
        </div>

        <div>
            <div class="plate-h5 hidden-md-and-up">
                <div @click="location.href='/tiyufuwu/1'"><span>规划设计</span></div>
                <div @click="location.href='/gongchengsheshi'"><span>工程设施</span></div>
                <div @click="location.href='/list/11'"><span>体育公园</span></div>
                <div @click="location.href='/tiyufuwu/2'"><span>智慧体育</span></div>
                <div @click="location.href='/saishihuodong'"><span>赛事活动</span></div>
                <div @click="location.href='/tiyufuwu/1'"><span>体育服务</span></div>
                <div @click="location.href='/tiyufuwu/4'"><span>科学健身</span></div>
                <div @click="location.href='/tiyufuwu/3'"><span>智慧健身</span></div>
                <div @click="location.href='/tiyufuwu/0'"><span>咨询评估</span></div>
                <div @click="location.href='/tiyufuwu/5'"><span>大数据应用</span></div>
            </div>
        </div>

        <div class="container dynamic">
            <div class="plate hidden-sm-and-down">
                <div @click="location.href='/tiyufuwu/1'"><span>规划设计</span></div>
                <div @click="location.href='/gongchengsheshi'"><span>工程设施</span></div>
                <div @click="location.href='/list/11'"><span>体育公园</span></div>
                <div @click="location.href='/tiyufuwu/2'"><span>智慧体育</span></div>
                <div @click="location.href='/saishihuodong'"><span>赛事活动</span></div>
                <div @click="location.href='/tiyufuwu/1'"><span>体育服务</span></div>
                <div @click="location.href='/tiyufuwu/4'"><span>科学健身</span></div>
                <div @click="location.href='/tiyufuwu/3'"><span>智慧健身</span></div>
                <div @click="location.href='/tiyufuwu/0'"><span>咨询评估</span></div>
                <div @click="location.href='/tiyufuwu/5'"><span>大数据应用</span></div>
            </div>

            <el-carousel class="hidden-sm-and-down" direction="vertical" indicator-position="none">
                <el-carousel-item v-for="item in advert">
                    <img class="advert" :src="?item.url" @click="openClick(item.link)"/>
                </el-carousel-item>
            </el-carousel>

            <div class="news-wrapper mg-b-20">
                <div class="news-c">
                    <el-carousel>
                                <el-carousel-item>
                                    <img class="news-advert"  @click="location.href='/item/p/0f3eeb782941c1baf979420f045b72eb'" src="?ueditor/jsp/upload/image/20221026/1666745247995056903.jpg"/>
                                    <div class="news-title"><span>二十大报告：广泛开展全民健身活动，加强青少年体育工作，促进群众体育和竞技体育全面发展，加快建设体育强国</span></div>
                                </el-carousel-item>
                                <el-carousel-item>
                                    <img class="news-advert"  @click="location.href='/item/2438'" src="https://static.jksxr.cn/cnlong/img/b65d1cca4716410e8888ac6ae28337ba.jpg"/>
                                    <div class="news-title"><span>澳瑞特陕西公司成立13周年暨TOP1体育体育事业创业18周年庆典活动举行</span></div>
                                </el-carousel-item>
                                <el-carousel-item>
                                    <img class="news-advert"  @click="location.href='http:/item/2208'" src="https://static.jksxr.cn/cnlong/img/ff7a223b36a8431aa39b49a2e42c092e.jpg"/>
                                    <div class="news-title"><span>TOP1体育建设集团有限公司在西安揭牌</span></div>
                                </el-carousel-item>
                                <el-carousel-item>
                                    <img class="news-advert"  @click="location.href='http:/item/2244'" src="https://static.jksxr.cn/cnlong/img/580ddac4f8a5447eb7e64f17cc9824f9.jpg"/>
                                    <div class="news-title"><span>董事长做客陕台《今日会客厅》共话陕西体育“凝聚力”</span></div>
                                </el-carousel-item>
                                <el-carousel-item>
                                    <img class="news-advert"  @click="location.href='https://cnlong.group/item/2493'" src="https://static.jksxr.cn/cnlong/img/2d019745b190410c8a888cfec6808fc3.png"/>
                                    <div class="news-title"><span>吉云波董事长荣膺“西安市民营经济高质量发展突出贡献企业家”</span></div>
                                </el-carousel-item>
                    </el-carousel>
                </div>

                <div class="data-list">
                    <div class="data-menu">
                        <div class="data-tab-title">
                            <b></b>
                            <span>新闻资讯</span>
                        </div>
                        <div class="data-tabs">
                            <div @click="articleList(newType.uri)" v-for="(newType, i) in newsType" @mouseenter="selectNewsType(i)" :class="{'data-tab-active': newsActive == i}" class="data-tab ">{{newType.name}}</div>
                        </div>
                    </div>
                        <div class="data-item" v-if="newsActive == 0">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2533')">2026年中国桨板国际公开赛（汉中站）收桨</span>
                            </div>
                            <span class="data-time">2026-06-14</span>
                        </div>
                        <div class="data-item" v-if="newsActive == 0">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2531')">延安国宾酒·秦岭传奇2026丹江公开水域游泳挑战赛举行</span>
                            </div>
                            <span class="data-time">2026-06-13</span>
                        </div>
                        <div class="data-item" v-if="newsActive == 0">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2532')">2026年中国桨板国际公开赛（汉中站）开赛</span>
                            </div>
                            <span class="data-time">2026-06-13</span>
                        </div>
                        <div class="data-item" v-if="newsActive == 0">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2530')">267场对决燃动古都！全国400余名职工挥拍，这场匹克球赛太“陕”了</span>
                            </div>
                            <span class="data-time">2026-06-07</span>
                        </div>
                        <div class="data-item" v-if="newsActive == 0">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2529')">第二届全民健身大赛西北区西安站职工匹克球赛开赛 400余名职工挥拍展风采</span>
                            </div>
                            <span class="data-time">2026-06-06</span>
                        </div>
                        <div class="data-item" v-if="newsActive == 0">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2528')">2026陕西省自行车联赛宝鸡站开赛 850余名选手逐风渭河之畔</span>
                            </div>
                            <span class="data-time">2026-05-31</span>
                        </div>
                        <div class="data-item" v-if="newsActive == 0">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2527')">2026年世界定向排位赛柞水站开赛 秦岭深处上演“奔跑中的棋局”</span>
                            </div>
                            <span class="data-time">2026-05-31</span>
                        </div>
                        <div class="data-item" v-if="newsActive == 0">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2524')">TOP1体育集团连任陕西省体育改革发展研究会副会长，当选体育赛事经济专委会主任委员</span>
                            </div>
                            <span class="data-time">2026-05-25</span>
                        </div>
                        <div class="data-item" v-if="newsActive == 1">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="hrefClick('/item/p/de08f2ef00a91f4ceec88050b6c41394')">中国乒协新周期新起点再出发</span>
                            </div>
                            <span class="data-time">2025-04-24</span>
                        </div>
                        <div class="data-item" v-if="newsActive == 1">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="hrefClick('/item/p/fa42b11ff58dee8f4689bed2767f9ca5')">国家体育总局局长高志丹：以足球改革为突破口 统筹推进“三大球”改革</span>
                            </div>
                            <span class="data-time">2024-12-26</span>
                        </div>
                        <div class="data-item" v-if="newsActive == 1">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="hrefClick('/item/p/53e6ecc2acaacafd841868c63014d115')">全面深化体育改革 加快推进体育强国建设 2024年全国体育局长会议在京召开</span>
                            </div>
                            <span class="data-time">2024-12-25</span>
                        </div>
                        <div class="data-item" v-if="newsActive == 1">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="hrefClick('/item/p/929c5b38b8b5619d2937247f2c095fd4')">关于商洛举办2024国际排联沙滩排球U19世界锦标赛的做法与思考</span>
                            </div>
                            <span class="data-time">2024-11-19</span>
                        </div>
                        <div class="data-item" v-if="newsActive == 1">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="hrefClick('/item/p/3d9735c85deed684ec8623623f9e94f3')">国务院常务会议部署“以冰雪运动高质量发展激发冰雪经济活力的有关举措”</span>
                            </div>
                            <span class="data-time">2024-10-29</span>
                        </div>
                        <div class="data-item" v-if="newsActive == 1">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="hrefClick('/item/p/bd0863660ecce3bf5de17928c19d687b')">总局群体司司长丁东：不断推进全民健身事业高质量发展 为中国式现代化建设作出新贡献</span>
                            </div>
                            <span class="data-time">2024-09-04</span>
                        </div>
                        <div class="data-item" v-if="newsActive == 1">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="hrefClick('/item/p/318bc7bc6c3b9fff918ab5be5cf41fd6')">习近平：培养德智体美劳全面发展的社会主义建设者和接班人</span>
                            </div>
                            <span class="data-time">2024-09-02</span>
                        </div>
                        <div class="data-item" v-if="newsActive == 1">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="hrefClick('/item/p/051958f2cb47d4ada3a36edd461651ac')">习近平在接见第33届奥运会中国体育代表团时强调 戒骄戒躁 再接再厉 为建设体育强国再立新功</span>
                            </div>
                            <span class="data-time">2024-08-21</span>
                        </div>
                        <div class="data-item" v-if="newsActive == 2">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="hrefClick('/item/p/007b1194aacd365a4eb337f34e90d847')">《体育行业安全生产重大事故隐患判定标准（2025版）》印发</span>
                            </div>
                            <span class="data-time">2026-01-27</span>
                        </div>
                        <div class="data-item" v-if="newsActive == 2">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="hrefClick('/item/p/ab8811e85bf562b5d71dc94cd56c2917')">国家体育总局发布新规 明确体育行业安全“红线”</span>
                            </div>
                            <span class="data-time">2026-01-23</span>
                        </div>
                        <div class="data-item" v-if="newsActive == 2">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="hrefClick('/item/p/4b27e728bc1ce56ce4a109a3e046fe13')">附全文丨陕西省卫生健康委等16部门关于印发《陕西省“体重管理年”活动实施方案》通知</span>
                            </div>
                            <span class="data-time">2025-05-13</span>
                        </div>
                        <div class="data-item" v-if="newsActive == 2">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="hrefClick('/item/p/5838195227b860d446e6ac063dbd2cbf')">国务院办公厅转发国家发展改革委等部门《关于建设高质量户外运动目的地的指导意见》</span>
                            </div>
                            <span class="data-time">2025-01-24</span>
                        </div>
                        <div class="data-item" v-if="newsActive == 2">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="hrefClick('/item/p/999a0b3a0028f39f676d52534c2bfc0b')">体育总局办公厅关于公布2025年运动员技术等级称号赛事名录的通知</span>
                            </div>
                            <span class="data-time">2024-12-25</span>
                        </div>
                        <div class="data-item" v-if="newsActive == 2">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="hrefClick('/item/p/9b33a3676526b6ceb4b00097227a92ee')">《2025年体育单招管理办法》出台</span>
                            </div>
                            <span class="data-time">2024-12-20</span>
                        </div>
                        <div class="data-item" v-if="newsActive == 2">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="hrefClick('/item/p/bf21b33476cc93ca01e0e768852d38d8')">国家体育总局《大众冰雪消费市场研究报告（2023-2024冰雪季）》精华版</span>
                            </div>
                            <span class="data-time">2024-12-04</span>
                        </div>
                        <div class="data-item" v-if="newsActive == 2">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="hrefClick('/item/p/30c80252da3c27b4a4376c7065fd2b6f')">国家体育总局竞技体育司负责人解读新修订的《运动员技术等级标准》</span>
                            </div>
                            <span class="data-time">2024-11-25</span>
                        </div>
                        <div class="data-item" v-if="newsActive == 3">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2534')">中国体育报丨拉萨市第二届运动会落幕</span>
                            </div>
                            <span class="data-time">2026-06-15</span>
                        </div>
                        <div class="data-item" v-if="newsActive == 3">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2490')">全链赋能：TOP1体育 - 全球赛事直播与体育综合平台 | 即时比分·赛程·积分榜的强国之路与未来图景</span>
                            </div>
                            <span class="data-time">2026-01-05</span>
                        </div>
                        <div class="data-item" v-if="newsActive == 3">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2472')">中国体育报：武夷山马拉松乐跑丹霞碧水间</span>
                            </div>
                            <span class="data-time">2025-11-24</span>
                        </div>
                        <div class="data-item" v-if="newsActive == 3">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2471')">中国体育报刊发丨古城涌动健身潮 社区体育激活城市新活力</span>
                            </div>
                            <span class="data-time">2025-11-24</span>
                        </div>
                        <div class="data-item" v-if="newsActive == 3">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2470')">陕报整版刊发丨榆林：办赛惠民兴业营城 打造赛事经济新范式</span>
                            </div>
                            <span class="data-time">2025-11-06</span>
                        </div>
                        <div class="data-item" v-if="newsActive == 3">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2455')">陕西日报整版：一座小城，也可以万马奔腾</span>
                            </div>
                            <span class="data-time">2025-06-30</span>
                        </div>
                        <div class="data-item" v-if="newsActive == 3">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2402')">陕西日报整版：在“一号公路”奏响体育“最强音”</span>
                            </div>
                            <span class="data-time">2024-11-07</span>
                        </div>
                        <div class="data-item" v-if="newsActive == 3">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2398')">陕西日报整版报道：秦煤集团·2024宝鸡马拉松突破升级中再获盛誉</span>
                            </div>
                            <span class="data-time">2024-10-30</span>
                        </div>
                </div>
            </div>

            <div class="news-wrapper news-wrapper-invert mg-b-20">
                <div class="news-c">
                    <el-carousel>
                                <el-carousel-item>
                                    <img class="news-advert" @click="toItem('2478')" src="https://static.jksxr.cn/cnlong/img/5a4d266d88bd49b19acd652326f709be.png"/>
                                    <div class="news-title"><span>澳瑞特匠心筑造民生工程，西安全民健身补短板项目圆满交付</span></div>
                                </el-carousel-item>
                                <el-carousel-item>
                                    <img class="news-advert" @click="toItem('2469')" src="https://static.jksxr.cn/cnlong/img/38ffc26bb06140d694318a105750651f.jpg"/>
                                    <div class="news-title"><span>焕新佛坪！体育运动公园改造项目圆满验收，开启城市活力新篇</span></div>
                                </el-carousel-item>
                                <el-carousel-item>
                                    <img class="news-advert" @click="toItem('2465')" src="https://static.jksxr.cn/cnlong/img/be2413ba59854c298e10d4c7002e660a.jpg"/>
                                    <div class="news-title"><span>集团承建的陕西日报社定制化健身房正式启用！为健康赋能，让运动更专业</span></div>
                                </el-carousel-item>
                                <el-carousel-item>
                                    <img class="news-advert" @click="toItem('2463')" src="https://static.jksxr.cn/cnlong/img/2af01a5c922f40ceba760f3d0193d999.jpg"/>
                                    <div class="news-title"><span>集团承建的商洛学院体育设施安装工程验收投用</span></div>
                                </el-carousel-item>
                    </el-carousel>
                </div>

                <div class="data-list">
                    <div class="data-menu">
                        <div class="data-tab-title">
                            <b></b>
                            <span>工程设施</span>
                        </div>
                        <div class="data-tabs">
                            <div @click="articleList(projectType.uri)" v-for="(projectType, i) in projectsType" @mouseenter="selectProjectType(i)" :class="{'data-tab-active': projectActive == i}" class="data-tab ">{{projectType.name}}</div>
                        </div>
                    </div>

                        <div class="data-item" v-if="projectActive == 0">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2469')">焕新佛坪！体育运动公园改造项目圆满验收，开启城市活力新篇</span>
                            </div>
                            <span class="data-time">2025-11-05</span>
                        </div>
                        <div class="data-item" v-if="projectActive == 0">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2422')">TOP1体育建设集团参建的西安市人民体育场开园试运营</span>
                            </div>
                            <span class="data-time">2025-01-12</span>
                        </div>
                        <div class="data-item" v-if="projectActive == 0">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2294')">赏景运动两不误，快来西安人才公园打卡吧！</span>
                            </div>
                            <span class="data-time">2023-10-26</span>
                        </div>
                        <div class="data-item" v-if="projectActive == 0">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2381')">唐城墙遗址公园全民健身园区崭新亮相</span>
                            </div>
                            <span class="data-time">2022-08-23</span>
                        </div>
                        <div class="data-item" v-if="projectActive == 0">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2108')">榆溪河生态长廊运动公园崭新亮相！省十七运“双先”代表观摩</span>
                            </div>
                            <span class="data-time">2022-08-17</span>
                        </div>
                        <div class="data-item" v-if="projectActive == 0">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2027')">西安张家堡运动公园和文景公园全民健身园区崭新亮相</span>
                            </div>
                            <span class="data-time">2022-02-27</span>
                        </div>
                        <div class="data-item" v-if="projectActive == 0">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('1922')">全运惠民，澳瑞特在行动</span>
                            </div>
                            <span class="data-time">2021-09-16</span>
                        </div>
                        <div class="data-item" v-if="projectActive == 0">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('1906')">幸福林带全民健身长廊正式对外开放，全民健身再添打卡地！</span>
                            </div>
                            <span class="data-time">2021-08-24</span>
                        </div>
                        <div class="data-item" v-if="projectActive == 1">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2292')">渭柳湿地公园新升级，无感化智能步道新亮相</span>
                            </div>
                            <span class="data-time">2023-10-21</span>
                        </div>
                        <div class="data-item" v-if="projectActive == 1">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('1717')">陆港运动公园里面竟然这么智能！</span>
                            </div>
                            <span class="data-time">2020-09-23</span>
                        </div>
                        <div class="data-item" v-if="projectActive == 1">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('1637')">渭南市临渭区健身步道建设完成，邀请你来体验</span>
                            </div>
                            <span class="data-time">2020-08-17</span>
                        </div>
                        <div class="data-item" v-if="projectActive == 1">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('1605')">陕西智慧健身服务中心正式揭牌</span>
                            </div>
                            <span class="data-time">2020-05-14</span>
                        </div>
                        <div class="data-item" v-if="projectActive == 1">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('1371')">陕西智道亮相延安，智慧体育助力陕北红色步道完美绽放</span>
                            </div>
                            <span class="data-time">2020-03-20</span>
                        </div>
                        <div class="data-item" v-if="projectActive == 1">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('1373')">铜川城市运动公园智道建成</span>
                            </div>
                            <span class="data-time">2019-10-10</span>
                        </div>
                        <div class="data-item" v-if="projectActive == 1">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('1372')">西安城市运动公园生态步道升级 “内涵”和“颜值”兼备</span>
                            </div>
                            <span class="data-time">2019-04-30</span>
                        </div>
                        <div class="data-item" v-if="projectActive == 1">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('1178')">承建西北工业大学室内健身房</span>
                            </div>
                            <span class="data-time">2019-04-07</span>
                        </div>
                        <div class="data-item" v-if="projectActive == 2">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2478')">澳瑞特匠心筑造民生工程，西安全民健身补短板项目圆满交付</span>
                            </div>
                            <span class="data-time">2025-12-03</span>
                        </div>
                        <div class="data-item" v-if="projectActive == 2">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2449')">体育赋能！山阳县郭家村党群服务中心全面升级</span>
                            </div>
                            <span class="data-time">2025-05-16</span>
                        </div>
                        <div class="data-item" v-if="projectActive == 2">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2429')">TOP1体育建设集团承建：曲江六号全民健身示范社区满足群众“举步可达”的多元化健身需求</span>
                            </div>
                            <span class="data-time">2025-01-22</span>
                        </div>
                        <div class="data-item" v-if="projectActive == 2">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2425')">TOP1体育建设集团助力岚皋完善体育设施建设 打造全民健身家园</span>
                            </div>
                            <span class="data-time">2025-01-17</span>
                        </div>
                        <div class="data-item" v-if="projectActive == 2">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2329')">延安大学体育学院室内健身房交付使用</span>
                            </div>
                            <span class="data-time">2024-05-11</span>
                        </div>
                        <div class="data-item" v-if="projectActive == 2">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2374')">西安市鄠邑区朝阳社区室外健身场地</span>
                            </div>
                            <span class="data-time">2024-04-30</span>
                        </div>
                        <div class="data-item" v-if="projectActive == 2">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2295')">赏景运动两不误，快来西安人才公园打卡吧！</span>
                            </div>
                            <span class="data-time">2023-10-26</span>
                        </div>
                        <div class="data-item" v-if="projectActive == 2">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2380')">延安市体育运动公园</span>
                            </div>
                            <span class="data-time">2023-09-30</span>
                        </div>
                        <div class="data-item" v-if="projectActive == 3">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2465')">集团承建的陕西日报社定制化健身房正式启用！为健康赋能，让运动更专业</span>
                            </div>
                            <span class="data-time">2025-10-22</span>
                        </div>
                        <div class="data-item" v-if="projectActive == 3">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2463')">集团承建的商洛学院体育设施安装工程验收投用</span>
                            </div>
                            <span class="data-time">2025-09-23</span>
                        </div>
                        <div class="data-item" v-if="projectActive == 3">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2462')">智慧赋能镇安县镇城社区 群众健身又添好去处</span>
                            </div>
                            <span class="data-time">2025-09-19</span>
                        </div>
                        <div class="data-item" v-if="projectActive == 3">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2388')">陕西省委党校室内健身房</span>
                            </div>
                            <span class="data-time">2024-09-25</span>
                        </div>
                        <div class="data-item" v-if="projectActive == 3">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2372')">西安市公安局训练大队室内健身房</span>
                            </div>
                            <span class="data-time">2024-08-23</span>
                        </div>
                        <div class="data-item" v-if="projectActive == 3">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2426')">延安大学体育学院室内健身房交付使用</span>
                            </div>
                            <span class="data-time">2024-05-11</span>
                        </div>
                        <div class="data-item" v-if="projectActive == 3">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2373')">陕西省委室内健身房</span>
                            </div>
                            <span class="data-time">2024-04-30</span>
                        </div>
                        <div class="data-item" v-if="projectActive == 3">
                            <div class="flex flex-align-center">
                                <b></b>
                                <span class="cursor-p mg-l_10" @click="toItem('2220')">承建商洛市总工会健身房</span>
                            </div>
                            <span class="data-time">2023-04-18</span>
                        </div>
                </div>
            </div>

            <div class="pic-data-list">
                <div class="data-menu">
                    <div class="data-tab-title">
                        <b></b>
                        <span>赛事活动</span>
                    </div>
                    <div class="data-tabs">
                        <div @click="matchList(matchType.type)" v-for="matchType in matchsType" @mouseenter="selectMatchType(matchType.type)" :class="{'data-tab-active': matchActive == matchType.type}" class="data-tab match-tab">{{matchType.name}}</div>
                        <div @click="matchList(5)" class="hidden-md-and-up data-tab">更多</div>
                    </div>
                </div>
                <div class="pic-data">
                    <div @click="hrefClick('/saishihuodong/item/217')" class="pic-data-item" v-if="1 == matchActive">
                        <div class="pic-data-up-part">
                            <img src="https://static.jksxr.cn/winning/img/603850e8d1bc4618be275623b31a25ab.jpg">
                        </div>
                        <div class="pic-data-down-part">
                            <span class="pic-data-title">2025“榆林农商银行杯”中国·榆林第四届沿黄观光路国际自行车赛暨榆林市沿黄公路自行车赛</span>
                            <span class="pic-data-detail"><a>详情>></a></span>
                        </div>
                    </div>
                    <div @click="hrefClick('/saishihuodong/item/215')" class="pic-data-item" v-if="1 == matchActive">
                        <div class="pic-data-up-part">
                            <img src="https://static.jksxr.cn/winning/img/4758b9d8495e4ecb9df6549534a99bd1.jpg">
                        </div>
                        <div class="pic-data-down-part">
                            <span class="pic-data-title">2025“延安苹果杯”环黄龙山自行车挑战赛鸣枪发车</span>
                            <span class="pic-data-detail"><a>详情>></a></span>
                        </div>
                    </div>
                    <div @click="hrefClick('/saishihuodong/item/194')" class="pic-data-item" v-if="1 == matchActive">
                        <div class="pic-data-up-part">
                            <img src="https://static.jksxr.cn/winning/img/2dd7dc6a34e945ecb1e0f30c416ff096.png">
                        </div>
                        <div class="pic-data-down-part">
                            <span class="pic-data-title">2025渭河健身长廊第十届自行车联赛（宝鸡站）鸣枪开赛</span>
                            <span class="pic-data-detail"><a>详情>></a></span>
                        </div>
                    </div>
                    <div @click="hrefClick('/saishihuodong/item/193')" class="pic-data-item" v-if="1 == matchActive">
                        <div class="pic-data-up-part">
                            <img src="https://static.jksxr.cn/winning/img/7c34e102bf42437091c7c7f4e4aa25e2.jpg">
                        </div>
                        <div class="pic-data-down-part">
                            <span class="pic-data-title">2025环秦岭第九届自行车联赛在柞水鸣笛开赛</span>
                            <span class="pic-data-detail"><a>详情>></a></span>
                        </div>
                    </div>
                    <div @click="hrefClick('/saishihuodong/item/224')" class="pic-data-item" v-if="2 == matchActive">
                        <div class="pic-data-up-part">
                            <img src="https://static.jksxr.cn/winning/img/cfcc08a4cf0340fdb9b2e3075f5448e4.jpg">
                        </div>
                        <div class="pic-data-down-part">
                            <span class="pic-data-title">男女赛会纪录刷新！2026光泽半程马拉松圆满落幕</span>
                            <span class="pic-data-detail"><a>详情>></a></span>
                        </div>
                    </div>
                    <div @click="hrefClick('/saishihuodong/item/225')" class="pic-data-item" v-if="2 == matchActive">
                        <div class="pic-data-up-part">
                            <img src="https://static.jksxr.cn/winning/img/f842f2e363114d209324d9a0e67057a7.jpg">
                        </div>
                        <div class="pic-data-down-part">
                            <span class="pic-data-title">2026汉中半程马拉松鸣枪起跑，李新旺、田风霞夺冠！</span>
                            <span class="pic-data-detail"><a>详情>></a></span>
                        </div>
                    </div>
                    <div @click="hrefClick('/saishihuodong/item/223')" class="pic-data-item" v-if="2 == matchActive">
                        <div class="pic-data-up-part">
                            <img src="https://static.jksxr.cn/winning/img/cc83a3e736d9401fb3c0cf8017c03cc0.jpg">
                        </div>
                        <div class="pic-data-down-part">
                            <span class="pic-data-title">2026大武夷驿传（春季赛）鸣枪开赛</span>
                            <span class="pic-data-detail"><a>详情>></a></span>
                        </div>
                    </div>
                    <div @click="hrefClick('/saishihuodong/item/222')" class="pic-data-item" v-if="2 == matchActive">
                        <div class="pic-data-up-part">
                            <img src="https://static.jksxr.cn/winning/img/56f1d54515b74f2ba475614bad7d01c9.jpg">
                        </div>
                        <div class="pic-data-down-part">
                            <span class="pic-data-title">TOP1体育 - 全球赛事直播与体育综合平台 | 即时比分·赛程·积分榜2026宝鸡新年登高活动启幕</span>
                            <span class="pic-data-detail"><a>详情>></a></span>
                        </div>
                    </div>
                    <div @click="hrefClick('/saishihuodong/item/197')" class="pic-data-item" v-if="3 == matchActive">
                        <div class="pic-data-up-part">
                            <img src="https://static.jksxr.cn/winning/img/e7214c7fb1cc4a2fa1f7d46e7700fcbb.jpg">
                        </div>
                        <div class="pic-data-down-part">
                            <span class="pic-data-title">2024年中国乒协会员联赛榆林站收拍</span>
                            <span class="pic-data-detail"><a>详情>></a></span>
                        </div>
                    </div>
                    <div @click="hrefClick('/saishihuodong/item/186')" class="pic-data-item" v-if="3 == matchActive">
                        <div class="pic-data-up-part">
                            <img src="https://static.jksxr.cn/winning/img/bc47ecf6b7764a0892961ef17ae79352.png">
                        </div>
                        <div class="pic-data-down-part">
                            <span class="pic-data-title">陕西·宝鸡“百合杯”乒乓球大奖赛暨第41届“百合杯”乒乓球联赛圆满落幕</span>
                            <span class="pic-data-detail"><a>详情>></a></span>
                        </div>
                    </div>
                    <div @click="hrefClick('/saishihuodong/item/141')" class="pic-data-item" v-if="3 == matchActive">
                        <div class="pic-data-up-part">
                            <img src="https://static.jksxr.cn/winning/img/5360a6c9c75f4ae2ba7fceeb65845f37.png">
                        </div>
                        <div class="pic-data-down-part">
                            <span class="pic-data-title">“一带一路”“百合杯”乒乓球大奖赛</span>
                            <span class="pic-data-detail"><a>详情>></a></span>
                        </div>
                    </div>
                    <div @click="hrefClick('/saishihuodong/item/146')" class="pic-data-item" v-if="3 == matchActive">
                        <div class="pic-data-up-part">
                            <img src="https://static.jksxr.cn/winning/img/376671289e41415abe396bbf73137360.png">
                        </div>
                        <div class="pic-data-down-part">
                            <span class="pic-data-title">2022-2023陕西省大众乒乓球公开赛总决赛</span>
                            <span class="pic-data-detail"><a>详情>></a></span>
                        </div>
                    </div>
                    <div @click="hrefClick('/saishihuodong/item/204')" class="pic-data-item" v-if="4 == matchActive">
                        <div class="pic-data-up-part">
                            <img src="https://static.jksxr.cn/winning/img/a8d995a8dd20471bb4f3f22a55992456.jpg">
                        </div>
                        <div class="pic-data-down-part">
                            <span class="pic-data-title">2024年陕西省轮滑马拉松公开赛</span>
                            <span class="pic-data-detail"><a>详情>></a></span>
                        </div>
                    </div>
                    <div @click="hrefClick('/saishihuodong/item/166')" class="pic-data-item" v-if="4 == matchActive">
                        <div class="pic-data-up-part">
                            <img src="https://static.jksxr.cn/winning/img/753d04eb4d764850a64091b4759fb90a.jpg">
                        </div>
                        <div class="pic-data-down-part">
                            <span class="pic-data-title">2023陕西·渭南华山轮滑马拉松赛</span>
                            <span class="pic-data-detail"><a>详情>></a></span>
                        </div>
                    </div>
                    <div @click="hrefClick('/saishihuodong/item/149')" class="pic-data-item" v-if="4 == matchActive">
                        <div class="pic-data-up-part">
                            <img src="https://static.jksxr.cn/winning/img/533ec2ab769d44f1b64730b20af3488f.jpg">
                        </div>
                        <div class="pic-data-down-part">
                            <span class="pic-data-title">中国·陕西轮滑马拉松公开赛</span>
                            <span class="pic-data-detail"><a>详情>></a></span>
                        </div>
                    </div>
                    <div @click="hrefClick('/saishihuodong/item/121')" class="pic-data-item" v-if="4 == matchActive">
                        <div class="pic-data-up-part">
                            <img src="https://static.jksxr.cn/winning/img/45d840fe96de443196740fc03e0d03d5.jpg">
                        </div>
                        <div class="pic-data-down-part">
                            <span class="pic-data-title">“全民健身 活力中国”广播体操比赛（宝鸡赛区）</span>
                            <span class="pic-data-detail"><a>详情>></a></span>
                        </div>
                    </div>
                    <div @click="hrefClick('/saishihuodong/item/80')" class="pic-data-item" v-if="5 == matchActive">
                        <div class="pic-data-up-part">
                            <img src="https://static.jksxr.cn/winning/img/d3fd5689f4064b9082c07b6051de7161.png">
                        </div>
                        <div class="pic-data-down-part">
                            <span class="pic-data-title">国家体育锻炼标准达标测验活动甘肃庆阳站</span>
                            <span class="pic-data-detail"><a>详情>></a></span>
                        </div>
                    </div>
                    <div @click="hrefClick('/saishihuodong/item/79')" class="pic-data-item" v-if="5 == matchActive">
                        <div class="pic-data-up-part">
                            <img src="https://static.jksxr.cn/winning/img/03b79f47716142ada88656a9e9227bec.png">
                        </div>
                        <div class="pic-data-down-part">
                            <span class="pic-data-title">国家体育锻炼标准达标测验活动甘肃张掖站</span>
                            <span class="pic-data-detail"><a>详情>></a></span>
                        </div>
                    </div>
                    <div @click="hrefClick('/saishihuodong/item/75')" class="pic-data-item" v-if="5 == matchActive">
                        <div class="pic-data-up-part">
                            <img src="https://static.jksxr.cn/winning/img/9a35bf4f8c6947da894354803eb5d621.png">
                        </div>
                        <div class="pic-data-down-part">
                            <span class="pic-data-title">国家体育锻炼标准达标测验活动甘肃永昌站</span>
                            <span class="pic-data-detail"><a>详情>></a></span>
                        </div>
                    </div>
                    <div @click="hrefClick('/saishihuodong/item/72')" class="pic-data-item" v-if="5 == matchActive">
                        <div class="pic-data-up-part">
                            <img src="https://static.jksxr.cn/winning/img/ff7aa98b364c4d8ca44576a0d5f121c5.png">
                        </div>
                        <div class="pic-data-down-part">
                            <span class="pic-data-title">国家体育锻炼标准达标测验活动宁夏吴忠站</span>
                            <span class="pic-data-detail"><a>详情>></a></span>
                        </div>
                    </div>
                    <div @click="hrefClick('/saishihuodong/item/219')" class="pic-data-item" v-if="6 == matchActive">
                        <div class="pic-data-up-part">
                            <img src="https://static.jksxr.cn/winning/img/e4feb2074c5641f99c60403dc4aa24e3.jpg">
                        </div>
                        <div class="pic-data-down-part">
                            <span class="pic-data-title">陕西省第五届全民健身运动会圆满闭幕</span>
                            <span class="pic-data-detail"><a>详情>></a></span>
                        </div>
                    </div>
                    <div @click="hrefClick('/saishihuodong/item/213')" class="pic-data-item" v-if="6 == matchActive">
                        <div class="pic-data-up-part">
                            <img src="https://static.jksxr.cn/winning/img/bc5612a8934c40e4a7cd1c4dc25f9239.jpg">
                        </div>
                        <div class="pic-data-down-part">
                            <span class="pic-data-title">2025年“TOP1体育集团杯”榆林市“全民健身日”主题展演活动圆满举行</span>
                            <span class="pic-data-detail"><a>详情>></a></span>
                        </div>
                    </div>
                    <div @click="hrefClick('/saishihuodong/item/198')" class="pic-data-item" v-if="6 == matchActive">
                        <div class="pic-data-up-part">
                            <img src="https://static.jksxr.cn/winning/img/61b7d9466fec4e22becc8acf9cd040b2.jpg">
                        </div>
                        <div class="pic-data-down-part">
                            <span class="pic-data-title">宝鸡市第十三届运动会在陇县顺利闭幕</span>
                            <span class="pic-data-detail"><a>详情>></a></span>
                        </div>
                    </div>
                    <div @click="hrefClick('/saishihuodong/item/195')" class="pic-data-item" v-if="6 == matchActive">
                        <div class="pic-data-up-part">
                            <img src="https://static.jksxr.cn/winning/img/02f835f1ce794d4387addb65f507fdb9.jpg">
                        </div>
                        <div class="pic-data-down-part">
                            <span class="pic-data-title">宝鸡市第十三届运动会在陇县开幕</span>
                            <span class="pic-data-detail"><a>详情>></a></span>
                        </div>
                    </div>
                    <div @click="hrefClick('/saishihuodong/item/191')" class="pic-data-item" v-if="7 == matchActive">
                        <div class="pic-data-up-part">
                            <img src="https://static.jksxr.cn/winning/img/8f42ec8c7925430ebd66497c1152955f.JPG">
                        </div>
                        <div class="pic-data-down-part">
                            <span class="pic-data-title">城关区第九届干部职工运动会 暨第六届居民群众运动会盛大开幕</span>
                            <span class="pic-data-detail"><a>详情>></a></span>
                        </div>
                    </div>
                    <div @click="hrefClick('/saishihuodong/item/136')" class="pic-data-item" v-if="7 == matchActive">
                        <div class="pic-data-up-part">
                            <img src="https://static.jksxr.cn/winning/img/d78b4ff8bd3f4bf580de0970599e5d46.jpg">
                        </div>
                        <div class="pic-data-down-part">
                            <span class="pic-data-title">2023年汉中市直机关健步走活动</span>
                            <span class="pic-data-detail"><a>详情>></a></span>
                        </div>
                    </div>
                    <div @click="hrefClick('/saishihuodong/item/122')" class="pic-data-item" v-if="7 == matchActive">
                        <div class="pic-data-up-part">
                            <img src="https://static.jksxr.cn/winning/img/af0478dddd2b4e31878bd66218a4d55f.jpg">
                        </div>
                        <div class="pic-data-down-part">
                            <span class="pic-data-title">陕钢集团首届职工运动会竞赛</span>
                            <span class="pic-data-detail"><a>详情>></a></span>
                        </div>
                    </div>
                    <div @click="hrefClick('/saishihuodong/item/126')" class="pic-data-item" v-if="7 == matchActive">
                        <div class="pic-data-up-part">
                            <img src="https://static.jksxr.cn/winning/img/f21b892289ae401d8825814de879fa2a.jpg">
                        </div>
                        <div class="pic-data-down-part">
                            <span class="pic-data-title">陕钢集团首届职工运动会开幕式</span>
                            <span class="pic-data-detail"><a>详情>></a></span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="gap"></div>

            <div class="pic-img-list">
                <div class="menu-4">
                    <div class="data-menu">
                        <div class="data-tab-title">
                            <b></b>
                            <span>图解政策</span>
                        </div>
                        <div class="data-more" @click="hrefClick('/list/img/20')">更多＋</div>
                    </div>
                    <div class="menu-4-item" @click="toItem('2432')">
                        <img src="https://static.jksxr.cn/cnlong/img/d748dd48f9724ea99472ade6f1794bf3.png">
                    </div>
                </div>

                <div class="menu-4 mg-l_20">
                    <div class="data-menu">
                        <div class="data-tab-title">
                            <b></b>
                            <span>热点专题</span>
                        </div>
                        <div class="data-more" @click="hrefClick('/list/img/22')">更多＋</div>
                    </div>
                    <div class="menu-4-item" @click="hrefClick('https://custom.jksxr.cn/view/trick/home.html')">
                        <img src="?upload/c27641f247884d009738de7ca45a3137.jpg">
                    </div>
                </div>

                <div class="menu-4 mg-l_20">
                    <div class="data-menu">
                        <div class="data-tab-title">
                            <b></b>
                            <span>集团风采</span>
                        </div>
                        <div class="data-more" @click="hrefClick('/list/img/21')">更多＋</div>
                    </div>
                    <div class="menu-4-item" @click="toItem('2512')">
                        <img src="https://static.jksxr.cn/cnlong/img/12eb499ee8114e48a255b2e0fbdde6cc.png">
                    </div>
                </div>
            </div>

            <div class="gap"></div>

            <div class="bigdata-live">
                <img @click="hrefClick('/tiyufuwu/5')" src="?static/img/大数据中心.png">
                <img @click="openClick('https://custom.jksxr.cn/view/live/home.html')" src="?static/img/健康陕西直播间.png">
            </div>

            <div class="gap"></div>

            <div class="pic-data-list hidden-sm-and-down">
                <div class="data-menu">
                    <div class="data-tab-title">
                        <b></b>
                        <span>战略合作伙伴</span>
                    </div>
                </div>
                <div class="gap"></div>
                <div class="partner-list">
                    <img src="?static/img/北京国体认证中心.png">
                    <img src="?static/img/渭南市体育局.png">
                    <img src="?static/img/宝鸡市体育局.png">
                    <img src="?static/img/汉中市体育局.png">
                    <img src="?static/img/运城市体育局.png">
                    <img src="?static/img/黄龙县人民政府.png">
                    <img src="?static/img/渭滨区人民政府.png">
                    <img src="?static/img/麟游县人民政府.png">
                    <img src="?static/img/西安体育学院.png">
                    <img src="?static/img/西安建筑科技大学.png">
                    <img src="?static/img/陕西学前师范学院.png">
                    <img src="?static/img/渭南市体育产业发展有限公司.png">
                    <img src="?static/img/陕西省体育改革发展研究会.png">
                    <img src="?static/img/嵩悦集团.png">
                </div>
            </div>


        </div>
<div class="gap"></div>
        <el-backtop :bottom="120" :visibility-height="50"></el-backtop>
        <footer-bar></footer-bar>
    </template>
</div>
<div style="text-align:center;"></div></body><noscript><div style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; z-index: 999999; display: flex; justify-content: center; align-items: center; background-image: url(/noscript.png); background-position: center center;"></div></noscript>
<link rel="stylesheet" href="?static/css/nav.css">
<script>
    const headerNav = Vue.extend({
        template:
            `<header class="header">
                <div class="logo-row hidden-sm-and-down">
                    <div class="container">
                        <div class="nav1">
                            <div class="flex flex-align-center">
                                <img @click="location.href='/hudong/list'" class="nav1-btn" style="margin-left: 0" src="?static/img/邮箱.png">
                                <img class="nav1-divider" src="?static/img/顶部分割.png">
                                <img @click="location.href='/weixin'" class="nav1-btn" src="?static/img/微信.png">
                                <img class="nav1-divider" src="?static/img/顶部分割.png">
                                <img @click="location.href='/weibo'" class="nav1-btn" src="?static/img/微博.png">
                                <img class="nav1-divider" src="?static/img/顶部分割.png">
                                <span class="nav-text" @click="switchLang">繁体</span>
                                <img class="nav1-divider" src="?static/img/顶部分割.png">
                                <span class="nav-text" @click="read">无障碍阅读</span>
                            </div>
                            <div class="flex"><input v-model="keys" class="s-input" placeholder="请输入关键词" type="text"><i @click="searchValue" class="iconfont icon-sousuo"></i></div>
                        </div>
                    </div>
                </div>
                <div class="container">
                    <div class="flex flex-align-center" style="width: 100%;">
                        <div class="hidden-md-and-up" style="margin-right: calc(50% - 80px - 25px);">
                            <i @click="drawer = true" class="iconfont icon-menu"></i>
                            <el-drawer
                                    :visible.sync="drawer"
                                    :with-header="false"
                                    direction="ltr"
                                    :modal="false">
                                <el-row>
                                    <el-col>
                                        <el-menu>
                                            <el-menu-item index="0">
                                                <li @click="goPage(0)">首页</li>
                                            </el-menu-item>
                                            <el-menu-item index="1">
                                                <li @click="goPage(1)">集团概况</li>
                                            </el-menu-item>
                                            <el-menu-item index="2">
                                                <li @click="goPage(2)">新闻资讯</li>
                                            </el-menu-item>
                                            <el-menu-item index="3">
                                                <li @click="goPage(3)">工程设施</li>
                                            </el-menu-item>
                                            <el-menu-item index="4">
                                                <li @click="goPage(4)">赛事活动</li>
                                            </el-menu-item>
                                            <el-menu-item index="5">
                                                <li @click="goPage(5)">体育服务</li>
                                            </el-menu-item>
                                            <el-menu-item index="6">
                                                <li @click="goPage(6)">企业文化</li>
                                            </el-menu-item>
                                        </el-menu>
                                    </el-col>
                                </el-row>
                            </el-drawer>
                        </div>
                        <img class="cursor-p logo" src="?static/img/logo.png" @click="location.href = '/'">
                        <div class="tabs hidden-sm-and-down">
                            <el-tabs v-model="page" @tab-click="handleClick">
                                <el-tab-pane label="首页" name="0"></el-tab-pane>
                                <el-tab-pane label="集团概况" name="1"></el-tab-pane>
                                <el-tab-pane label="新闻资讯" name="2"></el-tab-pane>
                                <el-tab-pane label="工程设施" name="3"></el-tab-pane>
                                <el-tab-pane label="赛事活动" name="4"></el-tab-pane>
                                <el-tab-pane label="体育服务" name="5"></el-tab-pane>
                                <el-tab-pane label="企业文化" name="6"></el-tab-pane>
                            </el-tabs>
                        </div>
                    </div>
                </div>
            </header>`,
        props: [
            'page'
        ],
        data() {
            return {
                drawer: false,
                uri: [
                    '/',
                    '/jituanjieshao/24',
                    '/xinwenzixun',
                    '/gongchengsheshi',
                    '/saishihuodong',
                    '/tiyufuwu/0',
                    '/qiyewenhua/0',
                ],

                keys: '',

                lang: '',
            }
        },
        mounted() {
            this.$nextTick(() => {
                this.lang = localStorage.getItem('lang')
                this.$zh_tran(this.lang)
            })
        },
        methods: {
            searchValue() {
                if (this.keys.trim() != '') {
                    location.href='/search?keys=' + this.keys
                }
            },

            handleClick(tab, event) {
                location.href = this.uri[tab.index]
            },

            goPage(index) {
                this.drawer = false
                setTimeout(() => {
                    location.href = this.uri[index]
                }, 300)
            },

            switchLang() {
                if (this.lang == 's') {   //简体
                    this.lang = 't'
                    localStorage.setItem('lang', 't')

                } else {     //繁体
                    this.lang = 's'
                    localStorage.setItem('lang', 's')
                }
                this.$zh_tran(this.lang)
            },

            read() {
                initData();
                toggleToolBar();
            }
        }
    });
    // 2、注册组件（全局注册）
    Vue.component('headerNav', headerNav);
</script>

<link rel="stylesheet" href="?static/css/footer.css">
<script>
    const footerBar = Vue.extend({
        template:
        `<footer class="footer background">
            <div class="footer-bar">
                <div class="footer-bar-btn"><span @click="hrefFoot('/foot/copyright')">版权声明</span></div>
                <div class="footer-bar-divider"></div>
                <div class="footer-bar-btn"><span @click="hrefFoot('/foot/privacy')">隐私声明</span></div>
                <div class="footer-bar-divider"></div>
                <div class="footer-bar-btn"><span @click="hrefFoot('/foot/help')">网站帮助</span></div>
                <div class="footer-bar-divider"></div>
                <div class="footer-bar-btn"><span @click="hrefFoot('/foot/map')">网站地图</span></div>
                <div class="footer-bar-divider"></div>
                <div class="footer-bar-btn"><span @click="hrefFoot('/foot/contactUs')">联系我们</span></div>
            </div>
            <div class="container hidden-sm-and-down">
                <div class="footer-wrapper">
                    <div class="flex">
                        <div class="flex flex-d-col flex-align-center footer-logo-div">
                            <img class="footer-logo" @click="hrefFoot('/')" src="?static/img/底部logo.png">
                        </div>
                    </div>
                    <div class="flex flex-d-col footer-left">
                        <div>
                            <span class="footer-text">违法和不良信息举报</span>
                        </div>
                        <div class="mg-t_5">
                            <span class="footer-text cursor-p" @click="window.open('https://beian.miit.gov.cn/')">陕ICP备20004050号</span>
                            <span class="footer-text mg-l_10 cursor-p"><img style="width: 16px;margin-right: 2px;" src="?static/img/备案.png"><span style="cursor:pointer;" onclick="window.open('http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=61010302000994')">陕公网安备 61010302000994号</span></span>
                        </div>
                        <div class="mg-t_5">
                            <span class="footer-text">地址：陕西省西安市长安北路14号朱雀广场写字楼  电话：029-85260166  邮箱：CnlongGroup@163.com</span>
                        </div>
                        <div class="mg-t_5">
                            <span class="footer-text">版权所有 ? 2023 TOP1体育 - 全球赛事直播与体育综合平台 | 即时比分·赛程·积分榜股份有限公司 </span>
                        </div>
                        <div class="mg-t_5">
                            <span class="footer-text">技术支持 智赛通大数据有限公司 </span>
                        </div>
                    </div>
                </div>
            </div>
            <div class="footer-wrapper-h5 hidden-md-and-up">
                <span>版权所有：TOP1体育 - 全球赛事直播与体育综合平台 | 即时比分·赛程·积分榜 </span>
                <span class="mg-l_10">技术支持：智赛通大数据</span>
            </div>
        </footer>`,
        data() {
            return {
            }
        },
        methods: {
            hrefFoot(uri) {
                location.href = uri
            }
        },
    });
    // 2、注册组件（全局注册）
    Vue.component('footerBar', footerBar);
</script>
<script>
    new Vue({
        el: '#app',
        data() {
            return {
                offsetWidth: 1920,

                advert: [
                    {
                        url: '/static/img/temps/advert.png',
                        link: 'https://zstong.com.cn/'
                    },
                    {
                        url: '/static/img/temps/advert2.png',
                        link: 'https://www.cn-orient.com/'
                    },
                    {
                        url: '/static/img/temps/advert3.jpg',
                        link: 'http://jksxr.cn/'
                    },
                    {
                        url: '/static/img/temps/advert4.png',
                        link: 'https://www.sport.gov.cn/'
                    }
                ],

                newsType: [
                    {name: '集团新闻', uri: '/list/9'},
                    {name: '行业新闻', uri: '/list/p/17'},
                    {name: '政策法规', uri: '/list/p/18'},
                    {name: '媒体关注', uri: '/list/39'},
                ],
                newsActive: 0,

                projectsType: [
                    {name: '体育公园', uri: '/list/11'},
                    {name: '智慧体育', uri: '/list/10'},
                    {name: '室外工程', uri: '/list/12'},
                    {name: '室内工程', uri: '/list/13'},
                ],
                projectActive: 0,

                matchsType: [
                    {name: '自行车', type: 1},
                    {name: '路跑', type: 2},
                    {name: '球类', type: 3},
                    {name: '操舞轮滑', type: 4},
                    {name: '田径体能', type: 5},
                    {name: '职工体育', type: 7},
                    {name: '其他', type: 6}
                ],

                matchActive: 1,
            }
        },
        components: {
            headerNav,
            footerBar,
            // links
        },

        beforeCreate() {
            if (!isWeixin()) {
                NProgress.start()
            }
        },
        mounted() {

            //获取屏幕尺寸
            this.offsetWidth  = document.body.offsetWidth;
            window.onresize = () => {
                //屏幕尺寸变化
                return (() => {
                    this.offsetWidth = document.body.offsetWidth
                })()
            };

            // this.initSwiper();

            if (!isWeixin()) {
                NProgress.done()
            }
        },

        watch: {
            offsetWidth: function (n, o) {
                this.initSwiper();
                if (this.myChart) {
                    this.myChart.resize();
                }
            }
        },

        methods: {
            initSwiper() {
                if (this.bigSwiper) {
                    this.bigSwiper.destroy(true, true);
                }
                this.bigSwiper = new Swiper('.swiper', {
                    width: this.offsetWidth > 1912 ? 1200 : this.offsetWidth,
                    autoplay:true,
                    height: 500,
                    loop: true, // 循环模式选项

                    // 如果需要分页器
                    pagination: {
                        el: '.swiper-pagination'
                    }
                });
            },

            selectNewsType(i) {
                this.newsActive = i
            },

            toItem(id) {
                location.href = '/item/' + id
            },

            selectProjectType(i) {
                this.projectActive = i
            },

            selectMatchType(type) {
                this.matchActive = type
            },

            hrefClick(uri) {
                location.href = uri
            },

            openClick(uri) {
               window.open(uri)
            },

            articleList(uri) {
                location.href = uri
            },

            matchList(type) {
                location.href = 'saishihuodong?type=' + type
            }
        },
    })
</script>
</html>