style:学习模式后方显示样式调整

This commit is contained in:
wyx
2023-02-16 19:16:33 +08:00
parent af6ad627f9
commit 9ce431bd57
2 changed files with 12 additions and 4 deletions

View File

@@ -117,12 +117,16 @@
<div class="rightt">
<div class="select" style="margin-right:90px;">
<span>学习模式</span>
<a-select v-model:value="routerInfo.routerInfo.unlockMode" ref="select" size="small"
<span
style="border: 1px solid rgba(0, 0, 0, 0.25);width: 120px;height: 38px; border-radius: 10px;text-align: center;line-height: 38px;">
{{ routerInfo.routerInfo.unlockMode == 1 ? '自由学习模式': routerInfo.routerInfo.unlockMode == 2 || routerInfo.routerInfo.unlockMode == 3 ? '闯关模式': '' }}
</span>
<!-- <a-select v-model:value="routerInfo.routerInfo.unlockMode" ref="select" size="small"
style="width: 150px" disabled>
<a-select-option :value="1">自由学习模式</a-select-option>
<a-select-option :value="2">闯关模式</a-select-option>
<a-select-option :value="3">闯关模式</a-select-option>
</a-select>
</a-select> -->
<unlock-mode :routerInfo="routerInfo.routerInfo" :types="types">
<a-button type="primary" size="large" style="border-radius: 8px;margin-left: 24px;">切换模式
</a-button>

View File

@@ -108,14 +108,18 @@
<!-- 2022-11-30注释 后面放开 -->
<div class="select" style="margin-right:90px;">
<span>学习模式</span>
<span
style="border: 1px solid rgba(0, 0, 0, 0.25);width: 120px;height: 38px; border-radius: 10px;text-align: center;line-height: 38px;">
{{ unlockMode == 1 ? '自由学习模式': unlockMode == 2 || unlockMode == 3 ? '闯关模式': '' }}
</span>
<!-- <div class="inputbox"> -->
<!-- <input type="text" placeholder="按学习时间解锁" style="padding-left:12px;" /> -->
<a-select v-model:value="unlockMode" ref="select" size="small" style="width: 150px"
<!-- <a-select v-model:value="unlockMode" ref="select" size="small" style="width: 150px"
disabled>
<a-select-option :value="1">自由学习模式</a-select-option>
<a-select-option :value="2">闯关模式</a-select-option>
<a-select-option :value="3">闯关模式</a-select-option>
</a-select>
</a-select> -->
<a-button type="primary" size="large" style="margin-left:10px;border-radius: 10px;" @click="showModeVisible">切换模式</a-button>
<!-- <div class="bottonbox" @click="showModeVisible">
<div class="btnText">切换模式</div>