添加轮播图,手机端首页顶部增加标题
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;
|
max-height: 300px !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* 校园全景图等比例填满轮播区域,靠右保留建筑主体,超宽部分裁剪左侧。 */
|
||||||
|
.my-swipe .home-panorama .van-image__img {
|
||||||
|
object-fit: cover;
|
||||||
|
object-position: right center;
|
||||||
|
}
|
||||||
|
|
||||||
.not_open {
|
.not_open {
|
||||||
filter: grayscale(100%);
|
filter: grayscale(100%);
|
||||||
}
|
}
|
||||||
@@ -84,6 +90,7 @@ layout("/mobile/platform.html"){
|
|||||||
<van-swipe class="my-swipe" :autoplay="2000" indicator-color="white">
|
<van-swipe class="my-swipe" :autoplay="2000" indicator-color="white">
|
||||||
<van-swipe-item v-for="item in photoArray">
|
<van-swipe-item v-for="item in photoArray">
|
||||||
<van-image width="100%" :height="$(document).height() * 0.26"
|
<van-image width="100%" :height="$(document).height() * 0.26"
|
||||||
|
:class="item.cropLeft ? 'home-panorama' : ''"
|
||||||
:src="item.src"></van-image>
|
:src="item.src"></van-image>
|
||||||
</van-swipe-item>
|
</van-swipe-item>
|
||||||
</van-swipe>
|
</van-swipe>
|
||||||
@@ -119,6 +126,7 @@ layout("/mobile/platform.html"){
|
|||||||
{src: '/assets/mobile/img/home/home1.png'},
|
{src: '/assets/mobile/img/home/home1.png'},
|
||||||
{src: '/assets/mobile/img/home/home2.png'},
|
{src: '/assets/mobile/img/home/home2.png'},
|
||||||
{src: '/assets/mobile/img/home/home3.png'},
|
{src: '/assets/mobile/img/home/home3.png'},
|
||||||
|
{src: '/assets/mobile/img/home/home4.png', cropLeft: true},
|
||||||
],
|
],
|
||||||
gridArray: [
|
gridArray: [
|
||||||
// {src: '/assets/mobile/img/home/8活动报名.jpg', text: '活动报名', isOpen: true,},
|
// {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"
|
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/>
|
<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/platform/plugins/vant/index.min.css">
|
||||||
<link rel="stylesheet" href="${base!}/assets/mobile/css/theme.css">
|
<link rel="stylesheet" href="${base!}/assets/mobile/css/theme.css">
|
||||||
<link rel="stylesheet" href="${base!}/assets/mobile/css/main.css">
|
<link rel="stylesheet" href="${base!}/assets/mobile/css/main.css">
|
||||||
|
|||||||
Reference in New Issue
Block a user