修复第二页手机版phone图不居中问题

This commit is contained in:
2026-02-27 16:35:50 +08:00
parent 96a48e30cd
commit b0cbc804e5
3 changed files with 10 additions and 1 deletions

View File

@@ -187,6 +187,12 @@
height: clamp(34px, 6vh, 56px); height: clamp(34px, 6vh, 56px);
} }
.image-side {
width: 100%;
display: flex;
justify-content: center;
}
.phone-img { .phone-img {
height: clamp(220px, 38vh, 420px); height: clamp(220px, 38vh, 420px);
width: auto; width: auto;

View File

@@ -201,7 +201,6 @@ bottom: -200%;
.two-phone { .two-phone {
display: block; display: block;
height: clamp(160px, 38vh, 320px); height: clamp(160px, 38vh, 320px);
right: 50%;
transform: translateX(50%); transform: translateX(50%);
bottom: 5%; bottom: 5%;
z-index: 1; z-index: 1;

View File

@@ -4,6 +4,10 @@ import { fileURLToPath, URL } from 'node:url'
export default defineConfig({ export default defineConfig({
plugins: [vue()], plugins: [vue()],
server: {
host: '0.0.0.0',
port: 5176,
},
resolve: { resolve: {
alias: { alias: {
'@': fileURLToPath(new URL('./src', import.meta.url)), '@': fileURLToPath(new URL('./src', import.meta.url)),