style: 修改checkbox样式

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

View File

@ -1,12 +1,12 @@
<template>
<div class="bar-main">
<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">
<el-checkbox v-model="linkageInfo.linkageActive" />
<div v-if="linkageAreaShow" style="margin-right: -1px;width: 20px">
<el-checkbox v-model="linkageInfo.linkageActive" size="medium" />
<linkage-field v-if="linkageInfo.linkageActive" :element="element" />
</div>
<div v-if="batchOptAreaShow" style="margin-right: -1px;width: 18px;z-index: 5">
<el-checkbox @change="batchOptChange" />
<div v-if="batchOptAreaShow" style="margin-right: -1px;width: 20px;z-index: 5">
<el-checkbox size="medium" @change="batchOptChange" />
</div>
<div v-if="normalAreaShow">
<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;
}
.bar-main ::v-deep .el-checkbox__inner{
width: 16px;
height: 16px;
}
.bar-main ::v-deep .el-checkbox__inner::after{
width: 4.5px;
}
</style>

View File

@ -1,6 +1,6 @@
<template>
<div class="bar-main">
<div style="width: 18px">
<div style="width: 20px">
<!-- <svg-icon icon-class="field_text" class="el-icon-close" />-->
<el-checkbox v-model="element.mobileSelected" @change="onChange" />
</div>
@ -84,4 +84,12 @@ export default {
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>