Browse Source

feat: 图文页面横板样式更新

v1.0.1
jiannibang 3 years ago
parent
commit
b4b4f21d7d
  1. 14
      src/components/CarouselWithIntro/CarouselWithIntro.vue
  2. 13
      src/components/PublicComponent/Tabs.vue

14
src/components/CarouselWithIntro/CarouselWithIntro.vue

@ -114,4 +114,18 @@ const qr = computed(() => props.data.qrFileList ?? [])
color: var(--carousel-introColor); color: var(--carousel-introColor);
} }
} }
@media (min-aspect-ratio: 1/1) {
.benefits-wrapper {
flex-direction: row;
align-items: flex-start;
padding-top: 100px;
padding-left: 63px;
.carousel {
position: relative;
}
}
.title {
padding-top: 0;
}
}
</style> </style>

13
src/components/PublicComponent/Tabs.vue

@ -126,4 +126,17 @@ const goPage = item => {
margin-left: 24px; margin-left: 24px;
} }
} }
@media (min-aspect-ratio: 1/1) {
.tabs {
top: 156px;
left: 456px;
right: 456px;
.item {
height: 124px;
.icon {
height: 80px;
}
}
}
}
</style> </style>

Loading…
Cancel
Save