Browse Source

新增申请历程

master
linyumoya 7 months ago
parent
commit
812122d443
6 changed files with 125 additions and 1 deletions
  1. +3
    -0
      pages.json
  2. +1
    -1
      pages/index/index.vue
  3. +120
    -0
      pages_order/relic/apply.vue
  4. +1
    -0
      pages_order/service/carefree.vue
  5. BIN
      pages_order/static/relic/2.png
  6. BIN
      pages_order/static/relic/jdz.png

+ 3
- 0
pages.json View File

@ -62,6 +62,9 @@
},
{
"path": "service/carefree"
},
{
"path": "relic/apply"
}
]
}],


+ 1
- 1
pages/index/index.vue View File

@ -100,7 +100,7 @@
{
icon : '/static/image/home/g1.png',
title : '申遗历程',
path : '',
path : '/pages_order/relic/apply',
},
{
icon : '/static/image/home/g2.png',


+ 120
- 0
pages_order/relic/apply.vue View File

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

+ 1
- 0
pages_order/service/carefree.vue View File

@ -2,6 +2,7 @@
<!-- 无忧服务 -->
<view class="page">
<navbar title="无忧服务" leftClick @leftClick="$utils.navigateBack" />
<view class="picture" >
<image src="https://img-s-msn-com.akamaized.net/tenant/amp/entityid/BB1msKSi.img" mode=""></image>
</view>


BIN
pages_order/static/relic/2.png View File

Before After
Width: 75  |  Height: 75  |  Size: 7.4 KiB

BIN
pages_order/static/relic/jdz.png View File

Before After
Width: 1360  |  Height: 906  |  Size: 674 KiB

Loading…
Cancel
Save