修改内容显示

v1.1.0
于肖磊 2024-11-04 16:45:25 +08:00
parent 8d5fb24373
commit b7b988fe66
3 changed files with 26 additions and 24 deletions

View File

@ -182,8 +182,10 @@ const model_style = computed(() => {
// z-index1
let z_index = 'z-index: 1';
// z-index
if (item.com_data.style.common_style?.floating_up != 0) {
z_index = `z-index: ${ item.com_data.style.common_style?.is_bottom_up == '1' ? '0' : '1'}`;
if (item.com_data.style.common_style?.is_bottom_up == '1') {
z_index = 'z-index: 0';
} else {
z_index = 'z-index: 1';
}
item.com_data.style.offset_number_percentage = (bottom / window.innerHeight).toFixed(4);
return item.key == 'float-window' ? `bottom: ${((bottom / window.innerHeight) * 100).toFixed(4) + '%'};` : `margin-top: -${item.com_data.style.common_style?.floating_up || 0}px;${z_index};`;

View File

@ -31,18 +31,23 @@
<radius :value="form.shop_radius"></radius>
</el-form-item>
<template v-if="theme != '6'">
<el-form-item label="图片圆角">
<radius :value="form.shop_img_radius"></radius>
</el-form-item>
<el-form-item label="内间距">
<padding :value="form.shop_padding"></padding>
</el-form-item>
<el-form-item v-if="['0', '4'].includes(theme)" label="内容间距">
<slider v-model="form.content_spacing" :max="100"></slider>
</el-form-item>
<template v-if="theme == '5'">
<el-form-item label="内容高度">
<slider v-model="form.content_outer_height" :max="1000"></slider>
</el-form-item>
</template>
<el-form-item label="内间距">
<padding :value="form.shop_padding"></padding>
</el-form-item>
<el-form-item label="商品间距">
<slider v-model="form.content_outer_spacing" :max="100"></slider>
</el-form-item>
<el-form-item label="图片圆角">
<radius :value="form.shop_img_radius"></radius>
</el-form-item>
<template v-if="!['5', '6'].includes(theme)">
<el-form-item v-if="['0', '4'].includes(theme)" label="图片宽度">
<slider v-model="form.content_img_width" :max="1000"></slider>
@ -51,11 +56,6 @@
<slider v-model="form.content_img_height" :max="1000"></slider>
</el-form-item>
</template>
<template v-if="theme == '5'">
<el-form-item label="内容高度">
<slider v-model="form.content_outer_height" :max="1000"></slider>
</el-form-item>
</template>
</template>
</card-container>
<div class="divider-line"></div>

View File

@ -38,18 +38,23 @@
<radius :value="form.shop_radius"></radius>
</el-form-item>
<template v-if="theme != '6'">
<el-form-item label="图片圆角">
<radius :value="form.shop_img_radius"></radius>
</el-form-item>
<el-form-item label="内间距">
<padding :value="form.shop_padding"></padding>
</el-form-item>
<el-form-item v-if="['0', '4'].includes(theme)" label="内容间距">
<slider v-model="form.content_spacing" :max="100"></slider>
</el-form-item>
<template v-if="theme == '5'">
<el-form-item label="内容高度">
<slider v-model="form.content_outer_height" :max="1000"></slider>
</el-form-item>
</template>
<el-form-item label="内间距">
<padding :value="form.shop_padding"></padding>
</el-form-item>
<el-form-item label="商品间距">
<slider v-model="form.content_outer_spacing" :max="100"></slider>
</el-form-item>
<el-form-item label="图片圆角">
<radius :value="form.shop_img_radius"></radius>
</el-form-item>
<template v-if="!['5', '6'].includes(theme)">
<el-form-item v-if="['0', '4'].includes(theme)" label="图片宽度">
<slider v-model="form.content_img_width" :max="1000"></slider>
@ -58,11 +63,6 @@
<slider v-model="form.content_img_height" :max="1000"></slider>
</el-form-item>
</template>
<template v-if="theme == '5'">
<el-form-item label="内容高度">
<slider v-model="form.content_outer_height" :max="1000"></slider>
</el-form-item>
</template>
</template>
<!-- <el-form-item label="评分">
<text-size-group v-model:typeface="form.shop_score_typeface" v-model:size="form.shop_score_size"></text-size-group>