修复第二页手机版phone图不居中问题
This commit is contained in:
@@ -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;
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
@@ -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)),
|
||||||
|
|||||||
Reference in New Issue
Block a user