添加轮播图,手机端首页顶部增加标题

This commit is contained in:
2026-10-22 11:01:14 +08:00
parent 3e2059e634
commit d4a3ef13ac
3 changed files with 9 additions and 1 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 706 KiB

@@ -16,6 +16,12 @@ layout("/mobile/platform.html"){
max-height: 300px !important;
}
/* 校园全景图等比例填满轮播区域,靠右保留建筑主体,超宽部分裁剪左侧。 */
.my-swipe .home-panorama .van-image__img {
object-fit: cover;
object-position: right center;
}
.not_open {
filter: grayscale(100%);
}
@@ -84,6 +90,7 @@ layout("/mobile/platform.html"){
<van-swipe class="my-swipe" :autoplay="2000" indicator-color="white">
<van-swipe-item v-for="item in photoArray">
<van-image width="100%" :height="$(document).height() * 0.26"
:class="item.cropLeft ? 'home-panorama' : ''"
:src="item.src"></van-image>
</van-swipe-item>
</van-swipe>
@@ -119,6 +126,7 @@ layout("/mobile/platform.html"){
{src: '/assets/mobile/img/home/home1.png'},
{src: '/assets/mobile/img/home/home2.png'},
{src: '/assets/mobile/img/home/home3.png'},
{src: '/assets/mobile/img/home/home4.png', cropLeft: true},
],
gridArray: [
// {src: '/assets/mobile/img/home/8活动报名.jpg', text: '活动报名', isOpen: true,},
@@ -8,7 +8,7 @@
content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover"
/>
<van-number-keyboard safe-area-inset-bottom/>
<title></title>
<title>广西师范大学智慧工会</title>
<link rel="stylesheet" href="${base!}/assets/platform/plugins/vant/index.min.css">
<link rel="stylesheet" href="${base!}/assets/mobile/css/theme.css">
<link rel="stylesheet" href="${base!}/assets/mobile/css/main.css">