|
|
|
|
@ -3,15 +3,22 @@ |
|
|
|
|
<div class="search"> |
|
|
|
|
<h6>赛事竞技，精彩纷呈</h6> |
|
|
|
|
<div class="input"> |
|
|
|
|
<img src="@/assets/img/search.png" alt=""> |
|
|
|
|
<input type="text" placeholder="请输入关键词" v-model="keyword"> |
|
|
|
|
<img src="@/assets/img/search.png" |
|
|
|
|
alt=""> |
|
|
|
|
<input type="text" |
|
|
|
|
placeholder="请输入关键词" |
|
|
|
|
v-model="keyword"> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="main"> |
|
|
|
|
<div class="center-wrap list-inner"> |
|
|
|
|
<ul v-if="token" class="nav"> |
|
|
|
|
<li :class="{ active: form.eventType === item.id }" v-for="(item, index) in typeList" :key="index" @click="changeType(item.id)">{{ item.name }} |
|
|
|
|
<ul v-if="token" |
|
|
|
|
class="nav"> |
|
|
|
|
<li :class="{ active: form.eventType === item.id }" |
|
|
|
|
v-for="(item, index) in typeList" |
|
|
|
|
:key="index" |
|
|
|
|
@click="changeType(item.id)">{{ item.name }} |
|
|
|
|
</li> |
|
|
|
|
</ul> |
|
|
|
|
<div class="list-wrap"> |
|
|
|
|
@ -21,41 +28,54 @@ |
|
|
|
|
<dl v-if="form.eventType !== 1"> |
|
|
|
|
<dt>比赛范围：</dt> |
|
|
|
|
<template v-if="form.eventType === 2"> |
|
|
|
|
<dd v-for="(item, i) in squareScopes" :key="i" :class="{active: form.competitionScope == item.id}" @click="changeScope(item.id)">{{ item.name }}</dd> |
|
|
|
|
<dd v-for="(item, i) in squareScopes" |
|
|
|
|
:key="i" |
|
|
|
|
:class="{active: form.competitionScope == item.id}" |
|
|
|
|
@click="changeScope(item.id)">{{ item.name }}</dd> |
|
|
|
|
</template> |
|
|
|
|
<template v-if="form.eventType === 3"> |
|
|
|
|
<dd v-for="(item, i) in scopes" :key="i" :class="{active: form.competitionScope == item.id}" @click="changeScope(item.id)">{{ item.name }}</dd> |
|
|
|
|
<dd v-for="(item, i) in scopes" |
|
|
|
|
:key="i" |
|
|
|
|
:class="{active: form.competitionScope == item.id}" |
|
|
|
|
@click="changeScope(item.id)">{{ item.name }}</dd> |
|
|
|
|
</template> |
|
|
|
|
<template v-if="form.eventType !== 1 && form.competitionScope === 2"> |
|
|
|
|
<div class="select-wrap"> |
|
|
|
|
<span class="label">省份</span> |
|
|
|
|
<el-select size="small" v-model="form.provinceId" clearable @change="getCity"> |
|
|
|
|
<el-option label="不限" value=""></el-option> |
|
|
|
|
<el-option |
|
|
|
|
v-for="(item,index) in provinces" |
|
|
|
|
<el-select size="small" |
|
|
|
|
v-model="form.provinceId" |
|
|
|
|
clearable |
|
|
|
|
@change="getCity"> |
|
|
|
|
<el-option label="不限" |
|
|
|
|
value=""></el-option> |
|
|
|
|
<el-option v-for="(item,index) in provinces" |
|
|
|
|
:key="index" |
|
|
|
|
:label="item.provinceName" |
|
|
|
|
:value="item.provinceId" |
|
|
|
|
></el-option> |
|
|
|
|
:value="item.provinceId"></el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</div> |
|
|
|
|
<div class="select-wrap"> |
|
|
|
|
<span class="label">城市</span> |
|
|
|
|
<el-select size="small" v-model="form.cityId" clearable @change="initData"> |
|
|
|
|
<el-option label="不限" value=""></el-option> |
|
|
|
|
<el-option |
|
|
|
|
v-for="(item,index) in cities" |
|
|
|
|
<el-select size="small" |
|
|
|
|
v-model="form.cityId" |
|
|
|
|
clearable |
|
|
|
|
@change="initData"> |
|
|
|
|
<el-option label="不限" |
|
|
|
|
value=""></el-option> |
|
|
|
|
<el-option v-for="(item,index) in cities" |
|
|
|
|
:key="index" |
|
|
|
|
:label="item.cityName" |
|
|
|
|
:value="item.cityId" |
|
|
|
|
></el-option> |
|
|
|
|
:value="item.cityId"></el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</dl> |
|
|
|
|
<dl> |
|
|
|
|
<dt>筛选排序：</dt> |
|
|
|
|
<dd v-for="(item, i) in sorts" :key="i" :class="{active: form.sequence == item.id}" @click="changeSort(item.id)">{{ item.name }}</dd> |
|
|
|
|
<dd v-for="(item, i) in sorts" |
|
|
|
|
:key="i" |
|
|
|
|
:class="{active: form.sequence == item.id}" |
|
|
|
|
@click="changeSort(item.id)">{{ item.name }}</dd> |
|
|
|
|
</dl> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
@ -63,11 +83,16 @@ |
|
|
|
|
<div class="list"> |
|
|
|
|
<template v-if="listData.length"> |
|
|
|
|
<ul> |
|
|
|
|
<li v-for="(item,index) in listData" :key="index" @click="toDetail(item)"> |
|
|
|
|
<li v-for="(item,index) in listData" |
|
|
|
|
:key="index" |
|
|
|
|
@click="toDetail(item)"> |
|
|
|
|
<div class="left"> |
|
|
|
|
<el-button v-if="item.status === 1 || item.status === 2 || item.curStage" :class="['stage-label', {playing: item.curStage}]" type="primary">{{ item.status === 1 || item.status === 2 ? '报名中' : item.curStage ? '竞赛中' : '' }}</el-button> |
|
|
|
|
<el-button v-if="item.status === 1 || item.status === 2 || item.curStage" |
|
|
|
|
:class="['stage-label', {playing: item.curStage}]" |
|
|
|
|
type="primary">{{ item.status === 1 || item.status === 2 ? '报名中' : item.curStage ? '竞赛中' : '' }}</el-button> |
|
|
|
|
<div class="cover"> |
|
|
|
|
<img :src="item.coverUrl || 'https://huoran.oss-cn-shenzhen.aliyuncs.com/20220623/png/1539857403162943488.png'" alt=""> |
|
|
|
|
<img :src="item.coverUrl || 'https://huoran.oss-cn-shenzhen.aliyuncs.com/20220623/png/1539857403162943488.png'" |
|
|
|
|
alt=""> |
|
|
|
|
</div> |
|
|
|
|
<div class="info"> |
|
|
|
|
<div class="title">{{ item.competitionName }}</div> |
|
|
|
|
@ -97,19 +122,27 @@ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="right"> |
|
|
|
|
<el-dropdown v-if="item.playingStages && item.playingStages.length > 1" class="m-l-10" @click.stop="stageClick" @command="e => chooseStage(e, item)"> |
|
|
|
|
<el-button type="primary" style="background-color: #f96d6d;border: 0;"> |
|
|
|
|
<el-dropdown v-if="item.playingStages && item.playingStages.length > 1" |
|
|
|
|
class="m-l-10" |
|
|
|
|
@click.stop="stageClick" |
|
|
|
|
@command="e => chooseStage(e, item)"> |
|
|
|
|
<el-button type="primary" |
|
|
|
|
style="background-color: #f96d6d;border: 0;"> |
|
|
|
|
选择竞赛<i class="el-icon-arrow-down el-icon--right"></i> |
|
|
|
|
</el-button> |
|
|
|
|
<el-dropdown-menu slot="dropdown"> |
|
|
|
|
<el-dropdown-item v-for="(stage, i) in item.playingStages" :key="i" :command="stage">进入{{ stage.stageName }}</el-dropdown-item> |
|
|
|
|
<el-dropdown-item v-for="(stage, i) in item.playingStages" |
|
|
|
|
:key="i" |
|
|
|
|
:command="stage">进入{{ stage.stageName }}</el-dropdown-item> |
|
|
|
|
</el-dropdown-menu> |
|
|
|
|
</el-dropdown> |
|
|
|
|
<p class="status" |
|
|
|
|
v-else-if="item.status != 4 || (item.status == 4 && item.curStage)" |
|
|
|
|
:class="{wait: item.status == 0,signing: item.status == 2,signed: item.status == 1,playing: item.status == 4 && item.curStage,finish: item.status == 3 || item.status == 5}" :title="item.status == 4 ? item.stageName : statusList[item.status]" |
|
|
|
|
:class="{wait: item.status == 0,signing: item.status == 2,signed: item.status == 1,playing: item.status == 4 && item.curStage,finish: item.status == 3 || item.status == 5}" |
|
|
|
|
:title="item.status == 4 ? item.stageName : statusList[item.status]" |
|
|
|
|
@click.stop="signup(item)">{{ item.status == 4 ? item.stageName : statusList[item.status] }}</p> |
|
|
|
|
<p class="end-text" v-if="item.end"> |
|
|
|
|
<p class="end-text" |
|
|
|
|
v-if="item.end"> |
|
|
|
|
距离{{ item.status == 4 ? item.endText : endList[item.status] }}还有 |
|
|
|
|
<em>{{ item.end }}</em> |
|
|
|
|
</p> |
|
|
|
|
@ -117,7 +150,9 @@ |
|
|
|
|
</li> |
|
|
|
|
</ul> |
|
|
|
|
<div class="pagination"> |
|
|
|
|
<el-pagination background layout="total, prev, pager, next" :total="totals" |
|
|
|
|
<el-pagination background |
|
|
|
|
layout="total, prev, pager, next" |
|
|
|
|
:total="totals" |
|
|
|
|
@current-change="handleCurrentChange" |
|
|
|
|
:current-page="page"> |
|
|
|
|
</el-pagination> |
|
|
|
|
@ -126,7 +161,8 @@ |
|
|
|
|
<template v-else> |
|
|
|
|
<div class="empty"> |
|
|
|
|
<div> |
|
|
|
|
<img src="@/assets/img/none.png" alt=""> |
|
|
|
|
<img src="@/assets/img/none.png" |
|
|
|
|
alt=""> |
|
|
|
|
<p>暂无赛事</p> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
@ -136,56 +172,95 @@ |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<el-dialog title="报名" :visible.sync="peopleSignupVisible" :close-on-click-modal="false" width="300px"> |
|
|
|
|
<el-dialog title="报名" |
|
|
|
|
:visible.sync="peopleSignupVisible" |
|
|
|
|
:close-on-click-modal="false" |
|
|
|
|
width="300px"> |
|
|
|
|
<el-form class="dia-form"> |
|
|
|
|
<el-form-item> |
|
|
|
|
<el-input placeholder="请输入4位数大赛邀请码" maxlength="4" v-model="peopleSignupForm.registrationInvitationCode"></el-input> |
|
|
|
|
<el-input placeholder="请输入4位数大赛邀请码" |
|
|
|
|
maxlength="4" |
|
|
|
|
v-model="peopleSignupForm.registrationInvitationCode"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
|
<el-button size="small" type="primary" @click="peopleSignupSubmit">报名</el-button> |
|
|
|
|
<el-button size="small" @click="peopleSignupVisible = false">取消</el-button> |
|
|
|
|
<span slot="footer" |
|
|
|
|
class="dialog-footer"> |
|
|
|
|
<el-button size="small" |
|
|
|
|
type="primary" |
|
|
|
|
@click="peopleSignupSubmit">报名</el-button> |
|
|
|
|
<el-button size="small" |
|
|
|
|
@click="peopleSignupVisible = false">取消</el-button> |
|
|
|
|
</span> |
|
|
|
|
</el-dialog> |
|
|
|
|
<el-dialog title="报名" :visible.sync="enterVisible" :close-on-click-modal="false" width="300px"> |
|
|
|
|
<el-dialog title="报名" |
|
|
|
|
:visible.sync="enterVisible" |
|
|
|
|
:close-on-click-modal="false" |
|
|
|
|
width="300px"> |
|
|
|
|
<el-form class="dia-form"> |
|
|
|
|
<p style="margin-bottom: 5px">请选择要加入的团队</p> |
|
|
|
|
<el-form-item> |
|
|
|
|
<el-select class="w-100" v-model="enterForm.teamId" filterable> |
|
|
|
|
<el-option v-for="(item, i) in teams" :key="i" :label="item.teamName" :value="item.teamId"></el-option> |
|
|
|
|
<el-select class="w-100" |
|
|
|
|
v-model="enterForm.teamId" |
|
|
|
|
filterable> |
|
|
|
|
<el-option v-for="(item, i) in teams" |
|
|
|
|
:key="i" |
|
|
|
|
:label="item.teamName" |
|
|
|
|
:value="item.teamId"></el-option> |
|
|
|
|
</el-select> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item> |
|
|
|
|
<el-input placeholder="请输入6位数团队邀请码" maxlength="6" v-model="enterForm.invitationCode"></el-input> |
|
|
|
|
<el-input placeholder="请输入6位数团队邀请码" |
|
|
|
|
maxlength="6" |
|
|
|
|
v-model="enterForm.invitationCode"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item v-if="curItem.setup.isNeedCode"> |
|
|
|
|
<el-input placeholder="请输入4位数大赛邀请码" maxlength="4" v-model="enterForm.registrationInvitationCode"></el-input> |
|
|
|
|
<el-input placeholder="请输入4位数大赛邀请码" |
|
|
|
|
maxlength="4" |
|
|
|
|
v-model="enterForm.registrationInvitationCode"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<p class="tips"> |
|
|
|
|
查找不到团队？点击 <el-link :underline="false" type="primary" @click="toTeam">创建团队</el-link> |
|
|
|
|
查找不到团队？点击 <el-link :underline="false" |
|
|
|
|
type="primary" |
|
|
|
|
@click="toTeam">创建团队</el-link> |
|
|
|
|
</p> |
|
|
|
|
</el-form> |
|
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
|
<el-button size="small" type="primary" @click="enterSubmit">报名</el-button> |
|
|
|
|
<el-button size="small" @click="enterVisible = false">取消</el-button> |
|
|
|
|
<span slot="footer" |
|
|
|
|
class="dialog-footer"> |
|
|
|
|
<el-button size="small" |
|
|
|
|
type="primary" |
|
|
|
|
@click="enterSubmit">报名</el-button> |
|
|
|
|
<el-button size="small" |
|
|
|
|
@click="enterVisible = false">取消</el-button> |
|
|
|
|
</span> |
|
|
|
|
</el-dialog> |
|
|
|
|
<el-dialog title="创建团队" :visible.sync="teamVisible" :close-on-click-modal="false" width="300px"> |
|
|
|
|
<el-dialog title="创建团队" |
|
|
|
|
:visible.sync="teamVisible" |
|
|
|
|
:close-on-click-modal="false" |
|
|
|
|
width="300px"> |
|
|
|
|
<el-form class="dia-form"> |
|
|
|
|
<el-form-item> |
|
|
|
|
<el-input placeholder="请输入团队名称" maxlength="10" v-model="teamForm.teamName"></el-input> |
|
|
|
|
<el-input placeholder="请输入团队名称" |
|
|
|
|
maxlength="10" |
|
|
|
|
v-model="teamForm.teamName"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item> |
|
|
|
|
<el-input placeholder="请输入6位数团队邀请码" maxlength="6" v-model="teamForm.invitationCode"></el-input> |
|
|
|
|
<el-input placeholder="请输入6位数团队邀请码" |
|
|
|
|
maxlength="6" |
|
|
|
|
v-model="teamForm.invitationCode"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
<el-form-item v-if="curItem.setup.isNeedCode"> |
|
|
|
|
<el-input placeholder="请输入4位数大赛邀请码" maxlength="4" v-model="teamForm.registrationInvitationCode"></el-input> |
|
|
|
|
<el-input placeholder="请输入4位数大赛邀请码" |
|
|
|
|
maxlength="4" |
|
|
|
|
v-model="teamForm.registrationInvitationCode"></el-input> |
|
|
|
|
</el-form-item> |
|
|
|
|
</el-form> |
|
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
|
<el-button size="small" type="primary" @click="teamSubmit">创建并报名</el-button> |
|
|
|
|
<el-button size="small" @click="teamVisible = false">取消</el-button> |
|
|
|
|
<span slot="footer" |
|
|
|
|
class="dialog-footer"> |
|
|
|
|
<el-button size="small" |
|
|
|
|
type="primary" |
|
|
|
|
@click="teamSubmit">创建并报名</el-button> |
|
|
|
|
<el-button size="small" |
|
|
|
|
@click="teamVisible = false">取消</el-button> |
|
|
|
|
</span> |
|
|
|
|
</el-dialog> |
|
|
|
|
</div> |
|
|
|
|
@ -196,13 +271,12 @@ import { mapState, mapMutations } from "vuex"; |
|
|
|
|
import { Loading } from "element-ui"; |
|
|
|
|
import Setting from "@/setting" |
|
|
|
|
import util from "@/libs/util" |
|
|
|
|
|
|
|
|
|
import Bus from '@/libs/bus' |
|
|
|
|
export default { |
|
|
|
|
name: "match", |
|
|
|
|
data () { |
|
|
|
|
return { |
|
|
|
|
timer: null, |
|
|
|
|
redisTimer: null, |
|
|
|
|
token: util.local.get(Setting.tokenKey), |
|
|
|
|
statusList: ["待报名", "取消报名", "马上报名", "报名截止", "进入初赛", "已结束"], |
|
|
|
|
endList: ["报名开始", "报名截止", "报名截止", "竞赛开始", "竞赛结束", ""], |
|
|
|
|
@ -327,20 +401,24 @@ export default { |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
mounted () { |
|
|
|
|
// websocket实时刷新 |
|
|
|
|
Bus.$on('matchSocket', () => { |
|
|
|
|
this.getData() |
|
|
|
|
}) |
|
|
|
|
|
|
|
|
|
this.form.eventType = this.eventType |
|
|
|
|
this.SET_TYPE(2) |
|
|
|
|
this.getProvince() |
|
|
|
|
this.getData() |
|
|
|
|
this.$once('hook:beforeDestroy', function () { |
|
|
|
|
this.clearTimer() |
|
|
|
|
clearInterval(this.redisTimer) |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
...mapMutations('match', [ |
|
|
|
|
'SET_TYPE' |
|
|
|
|
]), |
|
|
|
|
getList() { |
|
|
|
|
getData () { |
|
|
|
|
this.clearTimer() |
|
|
|
|
const { form } = this |
|
|
|
|
const { eventType, competitionScope } = form |
|
|
|
|
@ -479,14 +557,6 @@ export default { |
|
|
|
|
}) |
|
|
|
|
this.timerList = [] |
|
|
|
|
}, |
|
|
|
|
getData() { |
|
|
|
|
// this.loadIns = Loading.service() |
|
|
|
|
this.getList() |
|
|
|
|
if (!Setting.isDev) { |
|
|
|
|
clearInterval(this.redisTimer) |
|
|
|
|
this.redisTimer = setInterval(this.getRedis, 1000) |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
initData () { |
|
|
|
|
this.page = 1 |
|
|
|
|
this.getData() |
|
|
|
|
@ -712,6 +782,7 @@ export default { |
|
|
|
|
util.cookies.set('resultsDetails', form.resultsDetails) |
|
|
|
|
util.cookies.set('resultAnnouncementTime', form.resultAnnouncementTime) |
|
|
|
|
util.cookies.set('fromManager', '', -1) |
|
|
|
|
util.cookies.set('isSubmit', '', -1) |
|
|
|
|
// 8个python子系统都跳这个地址，子系统会通过cookie里的systemId识别展示哪套系统 |
|
|
|
|
location.href = process.env.NODE_ENV === 'development' ? |
|
|
|
|
`http://${location.hostname}:8085/#/` : |
|
|
|
|
@ -722,7 +793,7 @@ export default { |
|
|
|
|
// 进入子系统 |
|
|
|
|
toSub () { |
|
|
|
|
const form = this.curItem |
|
|
|
|
const { systemId, projectId, cid, stageId } = form.curStage |
|
|
|
|
const { systemId, projectId, cid, stageId, endTime } = form.curStage |
|
|
|
|
const competitionId = form.id |
|
|
|
|
const teamId = form.teamId |
|
|
|
|
let token = util.local.get(Setting.tokenKey); |
|
|
|
|
@ -731,7 +802,7 @@ export default { |
|
|
|
|
location.href = `${Setting.systemPath}/#/index/list?curriculumName=${this.curriculumName}&token=${token}&cid=${cid}&systemId=${systemId}&projectId=${projectId}&competitionId=${competitionId}&stageId=${stageId}&teamId=${teamId}&assessmentId=&classId=&stopTime=&test=true` |
|
|
|
|
} else if (systemId == 12) { |
|
|
|
|
// 众筹系统 |
|
|
|
|
window.open(`http://120.78.139.126:8879?systemId=${systemId}&courseId=${cid}&projectId=${projectId}&token=${token}&userId=${this.userId}&classId=1&competitionId=${competitionId}&stageId=${stageId}&teamId=${teamId}`); |
|
|
|
|
window.open(`http://120.78.139.126:8879?systemId=${systemId}&courseId=${cid}&projectId=${projectId}&token=${token}&userId=${this.userId}&classId=1&competitionId=${competitionId}&stageId=${stageId}&teamId=${teamId}&endTime=${endTime}`); |
|
|
|
|
} else { |
|
|
|
|
// python系统 |
|
|
|
|
this.toPython() |
|
|
|
|
@ -747,8 +818,7 @@ export default { |
|
|
|
|
padding: 100px 0 130px; |
|
|
|
|
text-align: center; |
|
|
|
|
background: url(../../../assets/img/match-bg4.png) (27px 10px) / auto no-repeat, |
|
|
|
|
url(../../../assets/img/match-bg5.png) (98% 20px)/auto no-repeat, |
|
|
|
|
url(../../../assets/img/match-bg3.png) 0 0/100% 100% no-repeat; |
|
|
|
|
url(../../../assets/img/match-bg5.png) (98% 20px) / auto no-repeat, url(../../../assets/img/match-bg3.png) 0 0/100% 100% no-repeat; |
|
|
|
|
h6 { |
|
|
|
|
margin-bottom: 25px; |
|
|
|
|
font-size: 26px; |
|
|
|
|
@ -888,11 +958,11 @@ export default { |
|
|
|
|
font-size: 14px; |
|
|
|
|
color: #fff; |
|
|
|
|
white-space: nowrap; |
|
|
|
|
background-color: #52C41A; |
|
|
|
|
background-color: #52c41a; |
|
|
|
|
border-radius: 4px; |
|
|
|
|
@include ellipsis(); |
|
|
|
|
&.wait { |
|
|
|
|
background-color: #FAAD14; |
|
|
|
|
background-color: #faad14; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
&.signing { |
|
|
|
|
@ -900,7 +970,7 @@ export default { |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
&.signed { |
|
|
|
|
background-color: #52C41A; |
|
|
|
|
background-color: #52c41a; |
|
|
|
|
} |
|
|
|
|
&.playing { |
|
|
|
|
background-color: #f96d6d; |
|
|
|
|
@ -919,7 +989,7 @@ export default { |
|
|
|
|
cursor: pointer; |
|
|
|
|
|
|
|
|
|
&:hover { |
|
|
|
|
opacity: .9; |
|
|
|
|
opacity: 0.9; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
&.disabled { |
|
|
|
|
@ -930,7 +1000,7 @@ export default { |
|
|
|
|
|
|
|
|
|
.end-text { |
|
|
|
|
margin-top: 10px; |
|
|
|
|
color: rgba(0, 0, 0, .65); |
|
|
|
|
color: rgba(0, 0, 0, 0.65); |
|
|
|
|
font-size: 12px; |
|
|
|
|
white-space: nowrap; |
|
|
|
|
|
|
|
|
|
@ -978,7 +1048,7 @@ export default { |
|
|
|
|
margin-bottom: 10px; |
|
|
|
|
font-size: 20px; |
|
|
|
|
font-weight: 500; |
|
|
|
|
color: #0B1D30; |
|
|
|
|
color: #0b1d30; |
|
|
|
|
line-height: 1; |
|
|
|
|
} |
|
|
|
|
.metas { |
|
|
|
|
@ -994,7 +1064,8 @@ export default { |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.label, .val { |
|
|
|
|
.label, |
|
|
|
|
.val { |
|
|
|
|
font-size: 14px; |
|
|
|
|
color: #666; |
|
|
|
|
white-space: nowrap; |
|
|
|
|
|
