center/dataease-dm
center/dataease-dm
13
0
Fork 0
forked from github/dataease
Code Pull Requests Activity

style(仪表板): 辅助网格按钮样式修改

Browse Source
This commit is contained in:
wangjiahao 2022-08-31 16:23:21 +08:00
parent 2d6d7449a3
commit 742fdf422a
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/components/canvas/components/Toolbar.vue
View File

@ -74,7 +74,7 @@
<el-dropdown-item> <el-dropdown-item>
<span class="icon iconfont icon-icon_dialpad_outlined icon16" /> <span class="icon iconfont icon-icon_dialpad_outlined icon16" />
<span class="text14 margin-left8">{{ $t('panel.aided_grid') }}</span> <span class="text14 margin-left8">{{ $t('panel.aided_grid') }}</span>
<el-switch v-model="showGridSwitch" class="margin-left8" size="mini" @change="showGridChange" /> <el-switch v-model="showGridSwitch" :class="[{['grid-active']: showGridSwitch},'margin-left8']" size="mini" @change="showGridChange" />
</el-dropdown-item> </el-dropdown-item>
<el-dropdown-item @click.native="openOuterParamsSet"> <el-dropdown-item @click.native="openOuterParamsSet">
<span class="icon iconfont icon-icon-quicksetting icon16" /> <span class="icon iconfont icon-icon-quicksetting icon16" />
@ -600,10 +600,14 @@ export default {
::v-deep .el-switch__core::after { ::v-deep .el-switch__core::after {
width: 14px; width: 14px;
height: 14px; height: 14px;
margin-top: -1px; margin-top: -1.3px;
margin-bottom: 2px; margin-bottom: 2px;
} }
.grid-active ::v-deep .el-switch__core::after {
margin-left: -14.5px;
}
.iconfont-tb { .iconfont-tb {
font-family: "iconfont" !important; font-family: "iconfont" !important;
font-size: 12px; font-size: 12px;