Bug fixed

master
cast1e 2023-12-03 15:12:28 +08:00
parent fbeb3820f8
commit 3671f3f668
2 changed files with 37 additions and 30 deletions

View File

@ -1,6 +1,6 @@
<template>
<div id="ball"></div>
<div class="container">
<div id="ball" class="pconly"></div>
<div id="main">
<div id="title"> WordIn</div>
<div class="colbox">
@ -92,11 +92,8 @@ export default {
.button {
margin-top: 30px;
}
#ball{
width: 750px;
height: 750px;
top: -20%;
right: -90%;
.container{
overflow: hidden;
}
}

View File

@ -27,24 +27,26 @@
</el-checkbox-group>
</div>
</div>
<div id="rangeselect" class="card item">
<div class="title" style="font-size: 35px;">在线词库</div>
<el-checkbox v-model="online.checkAll" :indeterminate="online.isIndeterminate"
@change="(res) => { handleCheckAllChange(online, res) }" size="large">全选</el-checkbox>
<el-checkbox-group v-model="online.checkedSets" @change="(res) => { handleChange(online, res) }">
<div class="set_radios" v-for="(set, set_name) in online_sets" :key="set_name">
<div class="subtitle">{{ set_name }}</div>
<div v-for="(book, book_name) in set" :key="book_name">
<p>{{ book_name }}</p>
<el-checkbox class="checkbox" v-for="(config, id) in book" :key="id" :label="id" size="large"
border>
<div style="font-size: 18px;font-weight: 500;">
{{ config.name }}
</div>
</el-checkbox>
<div class="rowbox item">
<div id="rangeselect" class="card">
<div class="title" style="font-size: 35px;">在线词库</div>
<el-checkbox v-model="online.checkAll" :indeterminate="online.isIndeterminate"
@change="(res) => { handleCheckAllChange(online, res) }" size="large">全选</el-checkbox>
<el-checkbox-group v-model="online.checkedSets" @change="(res) => { handleChange(online, res) }">
<div class="set_radios" v-for="(set, set_name) in online_sets" :key="set_name">
<div class="subtitle">{{ set_name }}</div>
<div v-for="(book, book_name) in set" :key="book_name">
<p>{{ book_name }}</p>
<el-checkbox class="checkbox" v-for="(config, id) in book" :key="id" :label="id" size="large"
border>
<div style="font-size: 18px;font-weight: 500;">
{{ config.name }}
</div>
</el-checkbox>
</div>
</div>
</div>
</el-checkbox-group>
</el-checkbox-group>
</div>
</div>
</div>
<div id="test" class="colbox" v-if="mode === 1">
@ -468,9 +470,16 @@ export default {
min-height: 50px;
height: 55px;
}
.card{
.card {
box-shadow: none;
}
.checkbox {
font-size: 30px;
margin-bottom: 10px;
margin-right: 15px;
}
}
@media screen and (min-width: 500px) {
@ -526,6 +535,11 @@ export default {
min-height: 100px;
height: 100px;
}
.checkbox {
font-size: 30px;
margin-bottom: 10px;
}
}
.subtitle {
@ -535,11 +549,6 @@ export default {
font-weight: 800;
}
.checkbox {
font-size: 30px;
margin-bottom: 10px;
}
#status {
font-size: 20px;
}
@ -574,4 +583,5 @@ export default {
#online-set-container {
height: auto;
overflow-y: auto;
}</style>
}
</style>