2023年6月12日 修复小屏幕串行问题

This commit is contained in:
bai 2023-06-12 08:58:27 +08:00
parent 01c775df36
commit ede0496301
1 changed files with 5 additions and 3 deletions

View File

@ -8,12 +8,12 @@
<div class="cardBody">
<a-row>
<a-col :span="8" :key="index" v-for="(item, index) in allList" :hidden="currentPageSize * 3 <= index">
<a-col :xs="{ span: 24 }" :sm="{ span: 8 }" :lg="{ span: 8 }" :key="index" v-for="(item, index) in allList" :hidden="currentPageSize * 3 <= index">
<div class="ketangCard">
<div class="rjkcTopDiv">
<span>{{ item.skrq }}&nbsp;{{ toWeek(item.WEEK) }}&nbsp;{{ item.hh }}</span>
<span class="nDayDiv" v-if="item.cardType != '近6日课程'">{{ item.cardType }}</span>
<span class="nDayDiv" v-else>{{ item.nth }}天后</span>
<div style="text-align: left;"><span>{{ item.skrq }}&nbsp;{{ toWeek(item.WEEK) }}&nbsp;{{ item.hh }}</span></div>
</div>
<div class="rjkcBodyDiv">
<div class="kcmcDiv">{{ item.kcmc }}</div>
@ -169,16 +169,18 @@ async function getTeacherjlrkcb() {
color: #1ab394;
font-size: 18px;
font-weight: bold;
text-align:right;
}
.nDayDiv {
top: -14px;
right: -28px;
right: -14px;
position: relative;
background: #1ab394;
color: #fff;
font-weight: 200;
padding: 2px 6px 2px 6px;
border-radius: 0 0 0 5px;
text-align:left;
}
.rjkcBodyDiv {
margin-top: 1px;