whychdw
2020-08-28 003a1244ec8eff1c0a33b822e3aa50455f30368c
src/components/chart/chartConfigsComponent/ChartConfigsGroup.vue
@@ -22,8 +22,7 @@
                            <span 
                            class="checkbox-label"
                            @click="toggleCollapsed(key)">全选 ({{50*key+1}}~{{50*key+group.list.length}})</span>
                            <i class="el-icon-remove-outline" title="反选"
                            @click="backChecked(key)"></i>
                            <span class="back-checked" @click="backChecked(key)">反选</span>
                        </div>
                        <div class="hdw-collapse-icon" @click="toggleCollapsed(key)">
                            <i class="el-icon-d-arrow-right"></i>
@@ -106,7 +105,7 @@
        activeName() {
            setTimeout(()=>{
                this.$nextTick(()=>{
                    this.$refs.content.scrollTop = this.activeName*35;
                    this.$refs.content.scrollTop = this.activeName*42;
                });
            },100);
        }
@@ -290,6 +289,10 @@
    padding-bottom: 0.06rem;
}
.hdw-collapse-title {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: flex;
    flex-direction: row;
    padding-top: 0.08rem;
@@ -348,6 +351,21 @@
    margin-left: 0.06rem;
    font-size: 0.14rem;
}
.back-checked {
    color: #d6cfcf;
    font-size: 0.12rem;
    display: inline-block;
    padding: 0.04rem;
    border: 0.01rem solid #02a7fa;
    cursor: pointer;
}
.back-checked:hover {
    color: #FFFFFF;
    border: 0.01rem solid #47bdf8;
}
.back-checked:active {
    color: #47bdf8;
}
@keyframes collapsed {
    0%   {transform: rotate(90deg);}
    25%  {transform: rotate(45deg);}