137 lines
5.2 KiB
HTML
137 lines
5.2 KiB
HTML
<!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">
|
|
<title>比赛详情</title>
|
|
|
|
<link rel="stylesheet" href="../../common/css/reset.css">
|
|
<link rel="stylesheet" href="./css/matchDetail.css">
|
|
<link rel="stylesheet" href="../../common/css/swiper.min.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="wrap no-in-app">
|
|
<div class="header">
|
|
<div class="title js-title"><span class="js-title-text">和平精英挑战赛</span><span class="game-quota-full">已满</span></div>
|
|
<div class="type-wrap">
|
|
<div class="group-type js-group-type">单排</div>
|
|
<div class="platform-type js-platform-type">QQ区</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 赛程 -->
|
|
<div class="section">
|
|
<div class="schedule-wrap content-box">
|
|
<div class="content-box-title" ><div class="split"></div><span>比赛赛程</span></div>
|
|
<div class="content-box-contont">
|
|
<div class="schedule-list">
|
|
<!-- <div class="schedule-titles">
|
|
<div>截止报名</div>
|
|
<div>开始进场</div>
|
|
<div>比赛开始</div>
|
|
<div>比赛结束</div>
|
|
</div> -->
|
|
<div class="schedule-item js-schedule-end-quota">
|
|
<div class="item-title">
|
|
截止报名
|
|
</div>
|
|
<div class="item-icon"></div>
|
|
<div class="item-time js-schedule-end-quota-time">-</div>
|
|
</div>
|
|
<div class="schedule-item js-schedule-enter-start">
|
|
<div class="item-title">
|
|
开始进场
|
|
</div>
|
|
<div class="item-icon"></div>
|
|
<div class="item-time js-schedule-enter-start-time">-</div>
|
|
</div>
|
|
<div class="schedule-item js-schedule-game-start">
|
|
<div class="item-title">
|
|
比赛开始
|
|
</div>
|
|
<div class="item-icon"></div>
|
|
<div class="item-time js-schedule-game-start-time">-</div>
|
|
</div>
|
|
<div class="schedule-item js-schedule-game-end">
|
|
<div class="item-title">
|
|
比赛结束
|
|
</div>
|
|
<div class="item-icon"></div>
|
|
<div class="item-time js-schedule-game-end-time"></div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="section award-section">
|
|
<!-- 报名费用 -->
|
|
<div class="quota-price-wrap">
|
|
报名需要：<span class="js-quota-price"></span>鉆
|
|
</div>
|
|
<div class="content-box award-box">
|
|
<div class="content-box-title" ><div class="split"></div><span>比赛奖励</span></div>
|
|
<div class="content-box-contont js-award-content">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 参赛选手 -->
|
|
<div class="section">
|
|
<div class="content-box game-rule-box">
|
|
<div class="content-box-title" ><div class="split"></div><span>参赛选手</span></div>
|
|
<div class="content-box-contont">
|
|
<div class="swiper-container">
|
|
<div class="swiper-wrapper js-swiper-wrapper">
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 比赛规则 -->
|
|
<div class="section">
|
|
<div class="content-box game-rule-box">
|
|
<div class="content-box-title" ><div class="split"></div><span>比赛规则</span></div>
|
|
<div class="content-box-contont js-match-rule-content">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="btn-wrap js-btn-wrap">
|
|
<div class="btn-place-holder"></div>
|
|
<div class="btn-box">
|
|
<div class="btn js-btn">
|
|
马上报名
|
|
</div>
|
|
<div class="close-tips js-close-tips ">
|
|
报名总人数未达标，本场比赛自动关闭，报名消耗鉆石已退回
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="shade"></div>
|
|
<!-- 弹窗 -->
|
|
<div class="confirm-dialog">
|
|
<div class="tip"></div>
|
|
<div class="btn">
|
|
<div class="cancel">取消</div>
|
|
<div class="ok">确定</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="../../common/js/flexible.js"></script>
|
|
<script src="../../common/js/jquery-3.2.1.min.js"></script>
|
|
<script src="../../common/js/common2.js"></script>
|
|
<script src="../../common/js/layer.js"></script>
|
|
<script src="../../common/js/vconsole.min.js"></script>
|
|
<script src="../../common/js/svga.min.js"></script>
|
|
<script src="../../common/js/swiper.min.js"></script>
|
|
<script src="../../common/js/route-constant.js"></script>
|
|
<script src="./js/matchDetail.js"></script>
|
|
</body>
|
|
|
|
</html> |