因應1920*1080調整距離|新增label content

This commit is contained in:
JouChun 2026-06-11 14:25:25 -04:00
parent 3a74a4cda9
commit 5e0d6a6236
3 changed files with 3 additions and 3 deletions

View File

@ -178,7 +178,7 @@ watch(
<template> <template>
<div class="w-screen h-screen overflow-hidden relative flex items-center justify-center bg-cover" <div class="w-screen h-screen overflow-hidden relative flex items-center justify-center bg-cover"
:style="{ backgroundImage: `url('${background}')` }"> :style="{ backgroundImage: `url('${background}')` }">
<img :src="titleLogo" alt="Title Logo" class="absolute top-0 left-0 m-4 w-full h-[106px]" /> <img :src="titleLogo" alt="Title Logo" class="absolute top-0 left-0 m-4 w-full h-[114px]" />
<Info position="left" :data="left_data" :imgSrcActive="imgSrcActive?.forgeID" :onClick="onClick" /> <Info position="left" :data="left_data" :imgSrcActive="imgSrcActive?.forgeID" :onClick="onClick" />
<ForgeViewer ref="forgeViewerRef" :forge-ids="forgeIDs" /> <ForgeViewer ref="forgeViewerRef" :forge-ids="forgeIDs" />

View File

@ -1,6 +1,6 @@
<template> <template>
<Loader v-if="loading" /> <Loader v-if="loading" />
<div class="w-[1106px] h-[966px] absolute z-10 top-20 bg-cover overflow-hidden" <div class="w-[1106px] h-[966px] absolute z-10 top-[114px] bg-cover overflow-hidden"
:style="{ backgroundImage: `url('${CircleBg}')` }"> :style="{ backgroundImage: `url('${CircleBg}')` }">
<div id="preview" ref="forgeViewerDOM" class="forge-ellipse translate-y-[15px] w-[1106px] h-[966px]"></div> <div id="preview" ref="forgeViewerDOM" class="forge-ellipse translate-y-[15px] w-[1106px] h-[966px]"></div>

View File

@ -1,7 +1,7 @@
<template> <template>
<div :class="twMerge( <div :class="twMerge(
'flex flex-col items-center justify-center h-full absolute -bottom-10 z-30 ', 'flex flex-col items-center justify-center h-full absolute -bottom-10 z-30 ',
position === 'left' ? 'left-5' : 'right-5' position === 'left' ? 'left-[41px]' : 'right-[41px]'
)"> )">
<template v-for="(d, i) in data" :key="d.title"> <template v-for="(d, i) in data" :key="d.title">
<div class="my-6 relative" @click.prevent="() => onClick(d)"> <div class="my-6 relative" @click.prevent="() => onClick(d)">