修改自定义数据显示1
parent
efe8ac7255
commit
cb9bf6bdc9
|
|
@ -1,8 +1,6 @@
|
|||
<template>
|
||||
<div class="img-outer re oh" :style="com_style">
|
||||
<div :style="icon_style" class="flex-row">
|
||||
<icon :name="form.icon_class" :color="form.icon_color" :size="form.icon_size"></icon>
|
||||
</div>
|
||||
<div class="img-outer re oh flex-row" :style="com_style">
|
||||
<icon :name="form.icon_class" :color="form.icon_color" :size="form.icon_size"></icon>
|
||||
</div>
|
||||
</template>
|
||||
<script setup lang="ts">
|
||||
|
|
@ -30,15 +28,10 @@ const props = defineProps({
|
|||
const form = reactive(props.value);
|
||||
|
||||
const com_style = computed(() => {
|
||||
let style = `${ set_count() } background-color: ${ form.com_bg }; ${ radius_computer(form.bg_radius) }`;
|
||||
let style = `${ set_count() } background-color: ${ form.com_bg }; ${ radius_computer(form.bg_radius) };transform: rotate(${form.icon_rotate}deg);${ padding_computer(form.icon_padding) };`;
|
||||
if (form.border_show == '1') {
|
||||
style += `border: ${form.border_size}px ${form.border_style} ${form.border_color};`;
|
||||
style += `border: ${form.border_size}px ${form.border_style} ${form.border_color};box-sizing: border-box;`;
|
||||
}
|
||||
return style;
|
||||
});
|
||||
|
||||
const icon_style = computed(() => {
|
||||
let style = `transform: rotate(${form.icon_rotate}deg);${ padding_computer(form.icon_padding) };`;
|
||||
if (form.icon_location == 'center') {
|
||||
style += `justify-content: center;`;
|
||||
} else if (form.icon_location == 'left') {
|
||||
|
|
|
|||
|
|
@ -77,7 +77,7 @@
|
|||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="边框粗细">
|
||||
<slider v-model="form.border_size" :max="1000"></slider>
|
||||
<slider v-model="form.border_size" :max="100"></slider>
|
||||
</el-form-item>
|
||||
</template>
|
||||
</card-container>
|
||||
|
|
|
|||
|
|
@ -51,7 +51,7 @@
|
|||
<radius :value="form.border_radius" @update:value="border_radius_change"></radius>
|
||||
</el-form-item>
|
||||
<el-form-item label="边框粗细">
|
||||
<slider v-model="form.border_size" :max="1000"></slider>
|
||||
<slider v-model="form.border_size" :max="100"></slider>
|
||||
</el-form-item>
|
||||
</template>
|
||||
</card-container>
|
||||
|
|
|
|||
|
|
@ -97,7 +97,7 @@
|
|||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="边框粗细">
|
||||
<slider v-model="form.border_size" :max="1000"></slider>
|
||||
<slider v-model="form.border_size" :max="100"></slider>
|
||||
</el-form-item>
|
||||
</template>
|
||||
</card-container>
|
||||
|
|
|
|||
Loading…
Reference in New Issue