|
@ -4,30 +4,31 @@ |
|
|
<navbar title="遗产概况" leftClick @leftClick="$utils.navigateBack" /> |
|
|
<navbar title="遗产概况" leftClick @leftClick="$utils.navigateBack" /> |
|
|
<view class="situation-imgs"> |
|
|
<view class="situation-imgs"> |
|
|
<view class="situation-imgs-one"> |
|
|
<view class="situation-imgs-one"> |
|
|
<image src="https://cdn.uviewui.com/uview/album/1.jpg" mode="aspectFill"/> |
|
|
|
|
|
|
|
|
<image :src="list[0].areaImage" mode="aspectFill"/> |
|
|
<view class="text"> |
|
|
<view class="text"> |
|
|
<view class="title text-ellipsis"> |
|
|
<view class="title text-ellipsis"> |
|
|
瓷都镇区鼎 |
|
|
|
|
|
|
|
|
{{ list[0].areaName }} |
|
|
</view> |
|
|
</view> |
|
|
<view class="tip text-ellipsis"> |
|
|
<view class="tip text-ellipsis"> |
|
|
盛时期瓷业生产核心区 |
|
|
|
|
|
|
|
|
{{ list[0].areaBrief }} |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="situation-imgs-two"> |
|
|
<view class="situation-imgs-two"> |
|
|
<image src="https://cdn.uviewui.com/uview/album/1.jpg" mode="aspectFill"/> |
|
|
|
|
|
|
|
|
<image :src="list[1].areaImage" mode="aspectFill"/> |
|
|
<view class="text"> |
|
|
<view class="text"> |
|
|
<view class="title text-ellipsis"> |
|
|
<view class="title text-ellipsis"> |
|
|
瓷都镇区鼎 |
|
|
|
|
|
|
|
|
{{ list[1].areaName }} |
|
|
</view> |
|
|
</view> |
|
|
<view class="tip text-ellipsis"> |
|
|
<view class="tip text-ellipsis"> |
|
|
盛时期瓷业生产核心区 |
|
|
|
|
|
|
|
|
{{ list[1].areaBrief }} |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="situation-imgs-four"> |
|
|
<view class="situation-imgs-four"> |
|
|
<view |
|
|
<view |
|
|
v-for="(item,index) in list" |
|
|
v-for="(item,index) in list" |
|
|
|
|
|
v-if="index > 1" |
|
|
:key="index"> |
|
|
:key="index"> |
|
|
<image :src="item.areaImage" mode="aspectFill"/> |
|
|
<image :src="item.areaImage" mode="aspectFill"/> |
|
|
<view class="text"> |
|
|
<view class="text"> |
|
@ -67,7 +68,8 @@ |
|
|
queryAreaList(){ |
|
|
queryAreaList(){ |
|
|
this.$api('queryAreaList', res => { |
|
|
this.$api('queryAreaList', res => { |
|
|
if(res.code == 200){ |
|
|
if(res.code == 200){ |
|
|
this.list = res.result |
|
|
|
|
|
|
|
|
this.list = res.result.records |
|
|
|
|
|
this.total = res.result.total |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
}, |
|
|
}, |
|
@ -135,7 +137,10 @@ |
|
|
border-radius: 20rpx; |
|
|
border-radius: 20rpx; |
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|
.text{ |
|
|
.text{ |
|
|
height: 70%; |
|
|
|
|
|
|
|
|
.title{ |
|
|
|
|
|
font-size: 34rpx; |
|
|
|
|
|
margin-top: 40rpx; |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|