因應1920*1080調整距離|新增label content
This commit is contained in:
parent
3a74a4cda9
commit
5e0d6a6236
@ -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" />
|
||||||
|
|||||||
@ -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>
|
||||||
|
|
||||||
|
|||||||
@ -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)">
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user