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

style: 修改checkbox样式

Browse Source
This commit is contained in:
wangjiahao 2022-06-01 11:10:44 +08:00
parent c3a3891578
commit 75a3fab1c8
2 changed files with 22 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
frontend/src/components/canvas/components/Editor/EditBar.vue
View File

@ -1,12 +1,12 @@
<template> <template>
<div class="bar-main"> <div class="bar-main">
<input id="input" ref="files" type="file" accept="image/*" hidden @click="e => {e.target.value = '';}" @change="handleFileChange"> <input id="input" ref="files" type="file" accept="image/*" hidden @click="e => {e.target.value = '';}" @change="handleFileChange">
<div v-if="linkageAreaShow" style="margin-right: -1px;width: 18px"> <div v-if="linkageAreaShow" style="margin-right: -1px;width: 20px">
<el-checkbox v-model="linkageInfo.linkageActive" /> <el-checkbox v-model="linkageInfo.linkageActive" size="medium" />
<linkage-field v-if="linkageInfo.linkageActive" :element="element" /> <linkage-field v-if="linkageInfo.linkageActive" :element="element" />
</div> </div>
<div v-if="batchOptAreaShow" style="margin-right: -1px;width: 18px;z-index: 5"> <div v-if="batchOptAreaShow" style="margin-right: -1px;width: 20px;z-index: 5">
<el-checkbox @change="batchOptChange" /> <el-checkbox size="medium" @change="batchOptChange" />
</div> </div>
<div v-if="normalAreaShow"> <div v-if="normalAreaShow">
<setting-menu v-if="activeModel==='edit'" style="float: right;height: 24px!important;" @amRemoveItem="amRemoveItem" @linkJumpSet="linkJumpSet" @boardSet="boardSet"> <setting-menu v-if="activeModel==='edit'" style="float: right;height: 24px!important;" @amRemoveItem="amRemoveItem" @linkJumpSet="linkJumpSet" @boardSet="boardSet">
@ -297,4 +297,13 @@ export default {
margin-right: 3px; margin-right: 3px;
} }
.bar-main ::v-deep .el-checkbox__inner{
width: 16px;
height: 16px;
}
.bar-main ::v-deep .el-checkbox__inner::after{
width: 4.5px;
}
</style> </style>

10
frontend/src/components/canvas/components/Editor/MobileCheckBar.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div class="bar-main"> <div class="bar-main">
<div style="width: 18px"> <div style="width: 20px">
<!-- <svg-icon icon-class="field_text" class="el-icon-close" />--> <!-- <svg-icon icon-class="field_text" class="el-icon-close" />-->
<el-checkbox v-model="element.mobileSelected" @change="onChange" /> <el-checkbox v-model="element.mobileSelected" @change="onChange" />
</div> </div>
@ -84,4 +84,12 @@ export default {
margin-right: 3px; margin-right: 3px;
} }
.bar-main ::v-deep .el-checkbox__inner{
width: 16px;
height: 16px;
}
.bar-main ::v-deep .el-checkbox__inner::after{
width: 4.5px;
}
</style> </style>