sileya-ai
/
vr-uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

1.导航组新增图片大小字段

v1.0.0
sws 2024-10-11 14:43:21 +08:00
parent ad27aa1d7f
commit 179bcbed46
2 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/base/margin/index.vue
View File

@ -1,18 +1,18 @@
<template>
<div class="flex-col gap-10 w">
<slider v-model="form.margin" @update:model-value="margin_event"></slider>
<slider v-model="form.margin" :max="200" @update:model-value="margin_event"></slider>
<div class="flex-row flex-wrap gap-x-20 mt-10">
<div class="flex-width-half pr-10">
<input-number v-model="form.margin_top" icon-name="enter-t" @update:model-value="pt_event"></input-number>
<input-number v-model="form.margin_top" :max="200" icon-name="enter-t" @update:model-value="pt_event"></input-number>
</div>
<div class="flex-width-half pl-10">
<input-number v-model="form.margin_bottom" icon-name="enter-b" @update:model-value="pb_event"></input-number>
<input-number v-model="form.margin_bottom" :max="200" icon-name="enter-b" @update:model-value="pb_event"></input-number>
</div>
<div class="flex-width-half pr-10">
<input-number v-model="form.margin_left" icon-name="enter-l" @update:model-value="pl_event"></input-number>
<input-number v-model="form.margin_left" :max="200" icon-name="enter-l" @update:model-value="pl_event"></input-number>
</div>
<div class="flex-width-half pl-10">
<input-number v-model="form.margin_right" icon-name="enter-r" @update:model-value="pr_event"></input-number>
<input-number v-model="form.margin_right" :max="200" icon-name="enter-r" @update:model-value="pr_event"></input-number>
</div>
</div>
</div>

12
src/components/base/padding/index.vue
View File

@ -1,18 +1,18 @@
<template>
<div class="flex-col gap-10 w">
<slider v-model="form.padding" @update:model-value="padding_event"></slider>
<slider v-model="form.padding" :max="200" @update:model-value="padding_event"></slider>
<div class="flex-row flex-wrap gap-x-20 mt-10">
<div class="flex-width-half pr-10">
<input-number v-model="form.padding_top" icon-name="enter-t" @update:model-value="pt_event"></input-number>
<input-number v-model="form.padding_top" :max="200" icon-name="enter-t" @update:model-value="pt_event"></input-number>
</div>
<div class="flex-width-half pl-10">
<input-number v-model="form.padding_bottom" icon-name="enter-b" @update:model-value="pb_event"></input-number>
<input-number v-model="form.padding_bottom" :max="200" icon-name="enter-b" @update:model-value="pb_event"></input-number>
</div>
<div class="flex-width-half pr-10">
<input-number v-model="form.padding_left" icon-name="enter-l" @update:model-value="pl_event"></input-number>
<input-number v-model="form.padding_left" :max="200" icon-name="enter-l" @update:model-value="pl_event"></input-number>
</div>
<div class="flex-width-half pl-10">
<input-number v-model="form.padding_right" icon-name="enter-r" @update:model-value="pr_event"></input-number>
<input-number v-model="form.padding_right" :max="200" icon-name="enter-r" @update:model-value="pr_event"></input-number>
</div>
</div>
</div>
@ -61,4 +61,4 @@ const pr_event = (val: number | undefined) => {
form.value.padding = 0;
emit('update:value', form);
};
</script>
</script>