|
|
@ -1,20 +1,20 @@ |
|
|
|
<template> |
|
|
|
<div> |
|
|
|
<div class="inner d-flex flex-wrap"> |
|
|
|
<div class=" d-flex flex-wrap"> |
|
|
|
<div |
|
|
|
:class="(index + 1) % 4 === 0 ? 'margin-0' : ''" |
|
|
|
:key="index" |
|
|
|
@click="jump(item)" |
|
|
|
class="item-box mb-8 d-flex flex-column pointer" |
|
|
|
class="item-box mb-2 d-flex flex-column pointer" |
|
|
|
v-for="(item, index) in list" |
|
|
|
> |
|
|
|
<img :src="item.picUrl" :title="item.name" class="con-img" v-if="item.picUrl" /> |
|
|
|
<img :src="item.visitLocation" :title="item.name" class="con-img" v-else /> |
|
|
|
<p class="font-24 my-4 title">{{ item.name }}</p> |
|
|
|
<p class="font-16 baseColor" style="text-align: right; cursor: pointer">了解更多→</p> |
|
|
|
<p class="font-18 title" style="margin-bottom:0.3rem">{{ item.name }}</p> |
|
|
|
<p class="font-14 baseColor" style="text-align: right; cursor: pointer;margin:0">了解更多→</p> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="inner"> |
|
|
|
<div> |
|
|
|
<a-pagination |
|
|
|
:current="current" |
|
|
|
:page-size="pageSize" |
|
|
@ -224,7 +224,7 @@ export default { |
|
|
|
|
|
|
|
<style lang="stylus" scoped> |
|
|
|
.pagination { |
|
|
|
margin: 40px 0; |
|
|
|
margin: 0.8rem 0; |
|
|
|
text-align: right; |
|
|
|
} |
|
|
|
|
|
|
@ -234,10 +234,10 @@ export default { |
|
|
|
text-align: center; |
|
|
|
// position: absolute; |
|
|
|
// bottom: 0; |
|
|
|
height: 90px; |
|
|
|
height: 2.1rem; |
|
|
|
width: 100%; |
|
|
|
color: rgba(0, 0, 0, 0.85); |
|
|
|
font-size: 24px; |
|
|
|
font-size: 14px; |
|
|
|
} |
|
|
|
|
|
|
|
.margin-0 { |
|
|
|