feat:边框功能优化

main
liu.tao3 2 years ago
parent d2c69b16f1
commit 5f0a10242e

@ -5,13 +5,24 @@
:label-width="labelWidth" :label-width="labelWidth"
label="边框" label="边框"
> >
<el-button <el-input
size="small" v-model="config.type"
type="primary" v-support
@click="init" clearable
> read-only
选择边框 placeholder="请选择边框"
</el-button> @focus="init"
>
<template slot="append">
<el-button
size="small"
type="primary"
@click="init"
>
选择
</el-button>
</template>
</el-input>
<BorderSelect <BorderSelect
v-model="config.type" v-model="config.type"
ref="BorderSelect" ref="BorderSelect"

@ -6,7 +6,7 @@
<dv-border-box-1 <dv-border-box-1
:id="'dataV' + config.code" :id="'dataV' + config.code"
> >
<div class="element" v-if="config.border&&config.border.type" :style="`font-size:${config.border.fontSize}px;line-height:${config.border.titleHeight}px;color:${config.border.color[0]};height:${config.border.titleHeight};margin:0 0 0 20px`">{{config.title}}</div> <div class="element" :style="`font-size:${config.border.fontSize}px;line-height:${config.border.titleHeight}px;color:${config.border.color[0]};height:${config.border.titleHeight};margin:0 0 0 20px`">{{config.title}}</div>
</dv-border-box-1> </dv-border-box-1>
</div> </div>
</template> </template>

@ -7,7 +7,7 @@
:id="'dataV' + config.code" :id="'dataV' + config.code"
:key="updateKey" :key="updateKey"
> >
<div class="element" v-if="config.border&&config.border.type" style="box-sizing: content-box;font-size:40px;color:#fff;height:50px;margin:20px 0 0 20px">{{config.title}}</div> <div class="element" style="box-sizing: content-box;font-size:40px;color:#fff;height:50px;margin:0 0 0 20px">{{config.title}}</div>
</dv-border-box-2> </dv-border-box-2>
</div> </div>
</template> </template>

@ -109,5 +109,6 @@ export default {
position: relative; position: relative;
overflow: hidden; overflow: hidden;
box-sizing: border-box; box-sizing: border-box;
padding-bottom:20px;
} }
</style> </style>

Loading…
Cancel
Save