1.页面优化

v1.0.0
sws 2024-10-12 10:40:21 +08:00
parent 09dadd4578
commit e85b6657c0
2 changed files with 9 additions and 10 deletions

View File

@ -6,6 +6,9 @@
<el-form-item label="数据间距">
<slider v-model="form.space"></slider>
</el-form-item>
<el-form-item label="图文间距">
<slider v-model="form.title_space" :max="100"></slider>
</el-form-item>
</card-container>
<div class="divider-line"></div>
<card-container>
@ -42,9 +45,6 @@
<el-form-item label="标题字号">
<slider v-model="form.title_size" :max="100"></slider>
</el-form-item>
<el-form-item label="标题间距">
<slider v-model="form.title_space" :max="100"></slider>
</el-form-item>
</card-container>
</el-form>
<div class="divider-line"></div>

View File

@ -6,10 +6,10 @@
<el-form-item label="选中装饰">
<mult-color-picker :value="form.tabs_checked" :type="form.tabs_direction" @update:value="tabs_checked_event"></mult-color-picker>
</el-form-item>
<el-form-item label="选中文字">
<el-form-item label="选中标题">
<color-text-size-group v-model:color="form.tabs_color_checked" v-model:typeface="form.tabs_weight_checked" v-model:size="form.tabs_size_checked" default-color="rgba(51,51,51,1)"></color-text-size-group>
</el-form-item>
<el-form-item label="未选文字">
<el-form-item label="未选标题">
<color-text-size-group v-model:color="form.tabs_color" v-model:typeface="form.tabs_weight" v-model:size="form.tabs_size" default-color="rgba(51,51,51,1)"></color-text-size-group>
</el-form-item>
<el-form-item label="选项卡间距">
@ -44,12 +44,12 @@ const props = defineProps({
},
isCommon: {
type: Boolean,
default: true
}
default: true,
},
});
const state = reactive({
form: props.value
form: props.value,
});
// 使toRefs
const { form } = toRefs(state);
@ -61,5 +61,4 @@ const tabs_checked_event = (arry: string[], type: number) => {
form.value.tabs_direction = type.toString();
};
</script>
<style lang="scss" scoped>
</style>
<style lang="scss" scoped></style>