update:项目列表滚动效果

This commit is contained in:
2021-09-16 16:27:20 +08:00
parent 80d9a8c08b
commit 224ed17fe3
2 changed files with 41 additions and 44 deletions

View File

@@ -1,33 +1,27 @@
<template>
<div>
<div style="height: 240px;">
<div class="proTopBox">
<div :class="type == 'pg' ? 'proTopBoxpg': 'proTopBoxxy' "></div>
<div class="proCenterBox">
<div class="proCenterInfo">
<van-image :src="require('@/assets/img/expropriated_person.png')" class="proCenterImg" />
<div :class="type == 'pg' ? 'proTopBoxpg': 'proTopBoxxy'">
<div class="proCenterBox">
<div class="proCenterInfo">
<van-image :src="require('@/assets/img/expropriated_person.png')" class="proCenterImg" />
<div>
<div>
<div>
<span class="proCenterFont">被征收人姓名</span>
<span class="proCenterFont" style="color:#626262;">{{user.name}}</span>
</div>
<div>
<span class="proCenterFont">身份证号</span>
<span class="proCenterFont" style="color:#626262;">{{user.identityId}}</span>
</div>
<span class="proCenterFont">被征收人姓名</span>
<span class="proCenterFont" style="color:#626262;">{{user.name}}</span>
</div>
<div>
<span class="proCenterFont">身份证号</span>
<span class="proCenterFont" style="color:#626262;">{{user.identityId}}</span>
</div>
</div>
<div class="proCenterFlex">
<div class="proCenterFlexFont">请选择您的征收项目</div>
<van-image
:src="require('@/assets/img/expropriated_select.png')"
class="proCenterFlexImg"
/>
</div>
</div>
<div class="proCenterFlex" style="margin-bottom: 15px;">
<div class="proCenterFlexFont">请选择您的征收项目</div>
<van-icon color="#9da2a3" name="arrow-down" />
</div>
</div>
</div>
<div>
<div class="proList">
<van-list>
<div
:key="item.id"