boyue2025/boyue-ui-admin-vue3
3
0
Fork 0
mirror of https://gitee.com/myxzgzs/boyue-ui-admin-vue3 synced 2025-08-08 16:32:43 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat：【商城】店铺装修-广告魔方：多个小块的边距减少 1 倍，视觉效果和 uniapp 更一致

Browse Source
This commit is contained in:
YunaiV 2025-05-01 09:45:19 +08:00
parent 0f43503085
commit 897ecfed6d
1 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/components/DiyEditor/components/mobile/MagicCube/index.vue
View File

@ -1,16 +1,19 @@
<template> <template>
<div <div
class="relative" class="relative"
:style="{ height: `${rowCount * CUBE_SIZE}px`, width: `${4 * CUBE_SIZE}px` }" :style="{
height: `${rowCount * CUBE_SIZE}px`,
width: `${4 * CUBE_SIZE}px`,
padding: `${property.space}px`
}"
> >
<div <div
v-for="(item, index) in property.list" v-for="(item, index) in property.list"
:key="index" :key="index"
class="absolute" class="absolute"
:style="{ :style="{
width: `${item.width * CUBE_SIZE - property.space * 2}px`, width: `${item.width * CUBE_SIZE - property.space}px`,
height: `${item.height * CUBE_SIZE - property.space * 2}px`, height: `${item.height * CUBE_SIZE - property.space}px`,
margin: `${property.space}px`,
top: `${item.top * CUBE_SIZE}px`, top: `${item.top * CUBE_SIZE}px`,
left: `${item.left * CUBE_SIZE}px` left: `${item.left * CUBE_SIZE}px`
}" }"
@ -63,10 +66,10 @@ const rowCount = computed(() => {
let count = 0 let count = 0
if (props.property.list.length > 0) { if (props.property.list.length > 0) {
// 最大行号 // 最大行号
count = Math.max(...props.property.list.map((item) => item.bottom)) count = Math.max(...props.property.list.map((item) => item.top + item.height))
} }
// 行号从 0 开始，所以加 1 // 保证至少有一行
return count + 1 return count == 0 ? 1 : count
}) })
</script> </script>