|
|
@@ -704,14 +704,13 @@ export const BeginPage = () => {
|
|
|
style={{
|
|
|
position: 'relative',
|
|
|
width: '100%',
|
|
|
- height: '100dvh',
|
|
|
height: 'calc(var(--vh, 1vh) * 100)',
|
|
|
overflow: 'hidden',
|
|
|
paddingTop: 'env(safe-area-inset-top)',
|
|
|
paddingLeft: 'env(safe-area-inset-left)',
|
|
|
paddingRight: 'env(safe-area-inset-right)',
|
|
|
paddingBottom: 'env(safe-area-inset-bottom)',
|
|
|
- }}
|
|
|
+ } as React.CSSProperties & { height: string }}
|
|
|
>
|
|
|
{/* 欢迎界面内容 */}
|
|
|
{viewState === 'welcome' && (
|
|
|
@@ -719,20 +718,19 @@ export const BeginPage = () => {
|
|
|
style={{
|
|
|
position: 'relative',
|
|
|
width: '100%',
|
|
|
- height: '100dvh',
|
|
|
height: 'calc(var(--vh, 1vh) * 100)',
|
|
|
margin: '0 auto',
|
|
|
zIndex: 1,
|
|
|
- }}
|
|
|
+ } as React.CSSProperties & { height: string }}
|
|
|
>
|
|
|
- {/* Lumi-image 图片 - 左下角 */}
|
|
|
+ {/* Lumi-image 图片 - 右margin 44 */}
|
|
|
<img
|
|
|
src={lumiImage}
|
|
|
alt="Lumi"
|
|
|
style={{
|
|
|
position: 'absolute',
|
|
|
top: px2vmin(185),
|
|
|
- left: '-10%',
|
|
|
+ right: px2vmin(54),
|
|
|
width: px2vmin(423),
|
|
|
height: px2vmin(423),
|
|
|
objectFit: 'contain',
|
|
|
@@ -740,7 +738,7 @@ export const BeginPage = () => {
|
|
|
willChange: 'transform',
|
|
|
imageRendering: '-webkit-optimize-contrast',
|
|
|
WebkitUserDrag: 'none',
|
|
|
- }}
|
|
|
+ } as React.CSSProperties & { WebkitUserDrag: string }}
|
|
|
/>
|
|
|
|
|
|
{/* Hello 文字 */}
|
|
|
@@ -748,7 +746,8 @@ export const BeginPage = () => {
|
|
|
style={{
|
|
|
position: 'absolute',
|
|
|
top: px2vmin(138),
|
|
|
- left: px2vmin(45),
|
|
|
+ left: '50%',
|
|
|
+ transform: `translateX(calc(-50% - ${px2vmin(54)})) translateZ(0)`,
|
|
|
width: px2vmin(245),
|
|
|
height: px2vmin(113),
|
|
|
background: 'linear-gradient(97.3deg, rgba(245, 243, 240, 0.8) 2.21%, rgba(245, 243, 240, 0.3) 150.89%)',
|
|
|
@@ -768,7 +767,6 @@ export const BeginPage = () => {
|
|
|
textAlign: 'center',
|
|
|
textTransform: 'capitalize',
|
|
|
userSelect: 'none',
|
|
|
- transform: 'translateZ(0)',
|
|
|
willChange: 'transform',
|
|
|
}}
|
|
|
>
|
