添加轮播图,手机端首页顶部增加标题
This commit is contained in:
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">
|
||||
|
||||
Reference in New Issue
Block a user