aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复上传模特

Browse Source
This commit is contained in:
X1627315083
2023-11-30 13:52:36 +08:00
parent a181dd6176
commit 53b0bcae0b
10 changed files with 59 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/component/LibraryPage/setLabel.vue
View File

@@ -12,7 +12,7 @@
<div class="setLabel_centent">
<ul class="optionsItem">
<li class="optionsItem_title" @click.stop="" v-for="optionsItem,optionsIndex in options" :key="optionsItem.id">
<div class="setLabel_text">
<div class="setLabel_text" :class="{active:optionsItem.checAll}">
<a-checkbox v-model:checked="optionsItem.checkAll" @change="onCheckAllChange(optionsItem)"></a-checkbox>
<span v-show="!optionsItem.openType" :title="optionsItem.classificationName">{{ optionsItem.classificationName }}</span>
<input v-show="optionsItem.openType" type="text" v-model="itemName">
@@ -21,7 +21,7 @@
</div>
<ul class="childrenItem active" v-mousewheel>
<li class="childrenItem_title setLabel_text" v-for="childrenItem,childrenIndex in optionsItem.childList" :key="childrenItem.id">
<li class="childrenItem_title setLabel_text" :class="{active:optionsItem.checAll}" v-for="childrenItem,childrenIndex in optionsItem.childList" :key="childrenItem.id">
<a-checkbox v-model:checked="childrenItem.checkAll" @change="onCheckAllchildrenItem(optionsItem)"></a-checkbox>
<span v-show="!childrenItem.openType" :title="childrenItem.classificationName">{{ childrenItem.classificationName }}</span>
<input v-show="childrenItem.openType" type="text" v-model="itemName">
@@ -369,6 +369,7 @@ export default defineComponent({
flex-shrink: 0;
font-size: 1.8rem;
font-weight: 900;
transition: .3s all;
i{
display: flex;
}
@@ -385,6 +386,7 @@ export default defineComponent({
flex-direction: column;
padding: 1rem;
flex: 1;
.optionsItem_title{
margin-bottom: 2rem;
border-radius: 1rem;
@@ -396,6 +398,21 @@ export default defineComponent({
>label{
align-items: center;
}
.fi-rr-edit,.fi-br-check,.ant-checkbox-wrapper{
opacity: 0;
transition: .3s all;
}
:hover{
// background: #efefef;
.fi-rr-edit,.fi-br-check,.ant-checkbox-wrapper{
opacity: 1;
}
}
.active{
.fi-rr-edit,.fi-br-check,.ant-checkbox-wrapper{
opacity: 1 !important;
}
}
.childrenItem{
max-width: 100%;
overflow: hidden;
@@ -407,17 +424,18 @@ export default defineComponent({
background: #f0f0f0;
// background: #d5d5d5;
font-size: 1.4rem;
label{
transform: scale(.8);
}
.fi-rr-edit{
.fi-rr-edit,.fi-br-check,.ant-checkbox-wrapper{
opacity: 0;
transition: .3s all;
}
}
.setLabel_text:hover{
// background: #efefef;
.fi-rr-edit{
.fi-rr-edit,.fi-br-check,.ant-checkbox-wrapper{
opacity: 1;
}
}
@@ -466,8 +484,8 @@ export default defineComponent({
position: sticky;
background: #fff;
border: none;
// margin-top: auto;
bottom: 0;
margin-top: auto;
bottom: 2rem;
>div{
}
.started_btn{