|
|
@ -0,0 +1,120 @@ |
|
|
|
<template> |
|
|
|
<view class="apply"> |
|
|
|
|
|
|
|
<navbar title="申请遗迹" leftClick @leftClick="$utils.navigateBack" /> |
|
|
|
<view class="top-img"> |
|
|
|
<image src="../static/relic/jdz.png" mode="aspectFill" style="width: 100%; height: 100%;"></image> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="middle-box"> |
|
|
|
<view class="middle-img"> |
|
|
|
<view> |
|
|
|
<image src="../static/relic/2.png" mode="aspectFill" /> |
|
|
|
</view> |
|
|
|
<view> |
|
|
|
<image src="../static/relic/2.png" mode="aspectFill" /> |
|
|
|
</view> |
|
|
|
<view> |
|
|
|
<image src="../static/relic/2.png" mode="aspectFill" /> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="middle-font"> |
|
|
|
<view> |
|
|
|
申请历程 |
|
|
|
</view> |
|
|
|
<view> |
|
|
|
申遗缘由 |
|
|
|
</view> |
|
|
|
<view> |
|
|
|
遗产价值 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="apply-list"> |
|
|
|
<uv-list @scrolltolower="scrolltolower"> |
|
|
|
<uv-list-item |
|
|
|
title="景德镇:保护文化遗产,复兴千年瓷都" |
|
|
|
note="2024-09-01" |
|
|
|
border="true" |
|
|
|
v-for="(item,index) in 10" :key="index" |
|
|
|
> |
|
|
|
<template #footer> |
|
|
|
<uv-image src="https://cdn.uviewui.com/uview/album/1.jpg" radius="10rpx" width="240rpx" |
|
|
|
height="160rpx" /> |
|
|
|
</template> |
|
|
|
</uv-list-item> |
|
|
|
</uv-list> |
|
|
|
</view> |
|
|
|
<tabber /> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
export default { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
|
|
|
|
} |
|
|
|
}, |
|
|
|
methods: { |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
|
.apply { |
|
|
|
|
|
|
|
.top-img { |
|
|
|
height: 380rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.middle-box { |
|
|
|
display: flex; |
|
|
|
position: relative; |
|
|
|
height: 220rpx; |
|
|
|
align-items: center; |
|
|
|
justify-content: space-around; |
|
|
|
background-color: #fff; |
|
|
|
|
|
|
|
.middle-img { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
justify-content: space-around; |
|
|
|
width: 100%; |
|
|
|
|
|
|
|
view { |
|
|
|
width: 160rpx; |
|
|
|
height: 160rpx; |
|
|
|
|
|
|
|
image { |
|
|
|
width: 100%; |
|
|
|
height: 100%; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.middle-font { |
|
|
|
position: absolute; |
|
|
|
display: flex; |
|
|
|
width: 100%; |
|
|
|
justify-content: space-around; |
|
|
|
|
|
|
|
view { |
|
|
|
width: 60rpx; |
|
|
|
color: #FFFDF6; |
|
|
|
font-weight: 600; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.apply-list { |
|
|
|
width: 94%; |
|
|
|
margin-left: 3%; |
|
|
|
/deep/ .uv-list-item{ |
|
|
|
background-color: #FFFDF6 !important; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
</style> |