| @ -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> | |||