|
|
@@ -10,8 +10,13 @@
|
|
|
<style>
|
|
|
body {
|
|
|
padding: 8px 8px 32px;
|
|
|
+ background: #191b22;
|
|
|
}
|
|
|
-
|
|
|
+ UL,LI{
|
|
|
+ list-style:none;
|
|
|
+ padding: 0;
|
|
|
+ margin: 0;
|
|
|
+ }
|
|
|
#app {
|
|
|
display: none;
|
|
|
}
|
|
|
@@ -46,7 +51,31 @@
|
|
|
::-webkit-media-controls {
|
|
|
display: none !important;
|
|
|
}
|
|
|
-
|
|
|
+ .saishi_xinxi h1{
|
|
|
+ font-size: 22px;
|
|
|
+ color: #fff;
|
|
|
+ font-weight: bolder;
|
|
|
+ line-height:3em;
|
|
|
+ border-bottom: solid 1px #515151;
|
|
|
+ }
|
|
|
+ .saishi_xinxi ul li{
|
|
|
+ display: flex;
|
|
|
+ margin: 20px 0 30px 0;
|
|
|
+ }
|
|
|
+ .saishi_xinxi ul li img{
|
|
|
+ width: 24px;
|
|
|
+ height: 24px;
|
|
|
+ margin: 0 12px 0 0;
|
|
|
+ }
|
|
|
+ .saishi_xinxi ul li div h4{
|
|
|
+ font-size: 18px;
|
|
|
+ color: #fff;
|
|
|
+ line-height: 1.5em;
|
|
|
+ }
|
|
|
+ .saishi_xinxi ul li div span{
|
|
|
+ font-size: 14px;
|
|
|
+ color: #cbcaca;
|
|
|
+ }
|
|
|
@media screen and (max-width: 991px) {
|
|
|
#player {
|
|
|
width: calc(100vw - 16px);
|
|
|
@@ -83,23 +112,43 @@
|
|
|
<div id="player"></div>
|
|
|
</a-affix>
|
|
|
</a-col>
|
|
|
- <a-col :span="24" :md="12">
|
|
|
- <div class="actions">
|
|
|
- <a-form :label-col="labelCol" :wrapper-col="wrapperCol" v-show="tabActive !== 'log'">
|
|
|
- <a-form-item>
|
|
|
- <a-row>
|
|
|
- <a-col :span="8">
|
|
|
- <a-button id="btn-sound-open" @click="openSound">开启声音</a-button>
|
|
|
- <a-button id="btn-sound-close" @click="closeSound">关闭声音</a-button>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- </a-form-item>
|
|
|
- </a-form>
|
|
|
- </div>
|
|
|
- </a-col>
|
|
|
+<!-- <a-col :span="24" :md="12">-->
|
|
|
+<!-- <div class="actions">-->
|
|
|
+<!-- <a-form :label-col="labelCol" :wrapper-col="wrapperCol" v-show="tabActive !== 'log'">-->
|
|
|
+<!-- <a-form-item>-->
|
|
|
+<!-- <a-row>-->
|
|
|
+<!-- <a-col :span="8">-->
|
|
|
+<!-- <a-button id="btn-sound-open" @click="openSound">开启声音</a-button>-->
|
|
|
+<!-- <a-button id="btn-sound-close" @click="closeSound">关闭声音</a-button>-->
|
|
|
+<!-- </a-col>-->
|
|
|
+<!-- </a-row>-->
|
|
|
+<!-- </a-form-item>-->
|
|
|
+<!-- </a-form>-->
|
|
|
+<!-- </div>-->
|
|
|
+<!-- </a-col>-->
|
|
|
</a-row>
|
|
|
</a-locale-provider>
|
|
|
</div>
|
|
|
+
|
|
|
+ <div class="saishi_xinxi">
|
|
|
+ <h1>跃动篮球公园第一届大学生篮球比赛</h1>
|
|
|
+ <ul>
|
|
|
+ <li>
|
|
|
+ <img th:src="@{/img/1.png}" alt="">
|
|
|
+ <div>
|
|
|
+ <h4>比赛地址：</h4>
|
|
|
+ <span>吉林省长春市朝阳区顺达阳区顺达阳区顺达阳区顺达阳区顺达路1266号</span>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ <li>
|
|
|
+ <img th:src="@{/img/2.png}" alt="">
|
|
|
+ <div>
|
|
|
+ <h4>比赛地址：</h4>
|
|
|
+ <span>吉林省长春市朝阳区顺达路1266号</span>
|
|
|
+ </div>
|
|
|
+ </li>
|
|
|
+ </ul>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
<template id="play-log">
|
|
|
<div></div>
|
bihuisong
