diff --git a/apps/user-h5/src/components/HomeToolIcon.vue b/apps/user-h5/src/components/HomeToolIcon.vue index a085947..e2fd7f7 100644 --- a/apps/user-h5/src/components/HomeToolIcon.vue +++ b/apps/user-h5/src/components/HomeToolIcon.vue @@ -239,7 +239,8 @@ const props = withDefaults( const uid = useId().replace(/:/g, '') const f = computed(() => `url(#${uid}s)`) -const sizePx = computed(() => `${props.size}px`) +/** Display size = prop × 1.392 (cumulative icon scale). */ +const sizePx = computed(() => `${Math.round(props.size * 1.392)}px`) function g(key: string) { return `url(#${uid}${key})` } diff --git a/apps/user-h5/src/components/home/HomeToolGrid.vue b/apps/user-h5/src/components/home/HomeToolGrid.vue index 5e5f434..f0396b8 100644 --- a/apps/user-h5/src/components/home/HomeToolGrid.vue +++ b/apps/user-h5/src/components/home/HomeToolGrid.vue @@ -79,7 +79,7 @@ defineEmits<{ track: [label: string] }>() gap: 2px; } .tool-item { - width: 74px; + width: 88px; display: flex; flex-direction: column; align-items: center; @@ -93,8 +93,8 @@ defineEmits<{ track: [label: string] }>() transform: scale(0.9); } .tool-item .icon { - width: 54px; - height: 54px; + width: 75px; + height: 75px; display: flex; align-items: center; justify-content: center;