|
|
|
@ -27,7 +27,8 @@ |
|
|
|
<uv-grid :border="false" |
|
|
|
:col="5"> |
|
|
|
<uv-grid-item |
|
|
|
v-for="(item,index) in baseList" |
|
|
|
v-for="(item,index) in baseList" |
|
|
|
@click="$utils.navigateTo(item.path)" |
|
|
|
:key="index"> |
|
|
|
<image class="grid-icon" :src="item.icon" mode=""></image> |
|
|
|
<text class="grid-text">{{item.title}}</text> |
|
|
|
@ -63,42 +64,52 @@ |
|
|
|
{ |
|
|
|
icon : '/static/image/home/g1.png', |
|
|
|
title : '申遗历程', |
|
|
|
path : '', |
|
|
|
}, |
|
|
|
{ |
|
|
|
icon : '/static/image/home/g2.png', |
|
|
|
title : '遗产概况', |
|
|
|
path : '', |
|
|
|
}, |
|
|
|
{ |
|
|
|
icon : '/static/image/home/g3.png', |
|
|
|
title : '遗产讲述', |
|
|
|
path : '', |
|
|
|
}, |
|
|
|
{ |
|
|
|
icon : '/static/image/home/g4.png', |
|
|
|
title : '达人同游', |
|
|
|
path : '', |
|
|
|
}, |
|
|
|
{ |
|
|
|
icon : '/static/image/home/g5.png', |
|
|
|
title : '遗产路径', |
|
|
|
path : '', |
|
|
|
}, |
|
|
|
{ |
|
|
|
icon : '/static/image/home/g6.png', |
|
|
|
title : '我要跟拍', |
|
|
|
path : '', |
|
|
|
}, |
|
|
|
{ |
|
|
|
icon : '/static/image/home/g7.png', |
|
|
|
title : '非遗体验', |
|
|
|
path : '', |
|
|
|
}, |
|
|
|
{ |
|
|
|
icon : '/static/image/home/g8.png', |
|
|
|
title : '无忧服务', |
|
|
|
path : '/pages_order/service/carefree', |
|
|
|
}, |
|
|
|
{ |
|
|
|
icon : '/static/image/home/g9.png', |
|
|
|
title : '文创好物', |
|
|
|
path : '', |
|
|
|
}, |
|
|
|
{ |
|
|
|
icon : '/static/image/home/g10.png', |
|
|
|
title : '我要帮助', |
|
|
|
path : '', |
|
|
|
}, |
|
|
|
], |
|
|
|
bannerList: [ |
|
|
|
@ -155,19 +166,21 @@ |
|
|
|
} |
|
|
|
.content{ |
|
|
|
position: relative; |
|
|
|
min-height: 300rpx; |
|
|
|
background-color: #fff; |
|
|
|
margin-top: -60rpx; |
|
|
|
border-top-right-radius: 60rpx; |
|
|
|
border-top-left-radius: 60rpx; |
|
|
|
.grid{ |
|
|
|
padding: 20rpx 0; |
|
|
|
padding-bottom: 30rpx; |
|
|
|
background-color: #fff; |
|
|
|
border-radius: 60rpx; |
|
|
|
box-shadow: 0 0 10rpx 10rpx #00000033; |
|
|
|
.grid-icon{ |
|
|
|
width: 60rpx; |
|
|
|
height: 60rpx; |
|
|
|
width: 80rpx; |
|
|
|
height: 80rpx; |
|
|
|
margin-bottom: 10rpx; |
|
|
|
margin-top: 30rpx; |
|
|
|
} |
|
|
|
.grid-text{ |
|
|
|
font-size: 26rpx; |
|
|
|
font-size: 24rpx; |
|
|
|
font-weight: 900; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
