提交 6dbe411b 编写于 作者: “grape”'s avatar “grape”
<template> <template>
<div id="app"> <div id="app">
<transition :name="animateName"> <!-- <transition :name="animateName">-->
<keep-alive> <keep-alive>
<router-view class="router-container" v-if="$route.meta.keepAlive"> </router-view> <router-view class="router-container" v-if="$route.meta.keepAlive"> </router-view>
</keep-alive> </keep-alive>
</transition> <!-- </transition>-->
<!-- <transition :name="animateName">--> <!-- <transition :name="animateName">-->
<router-view class="router-container" v-if="!$route.meta.keepAlive"> </router-view> <router-view class="router-container" v-if="!$route.meta.keepAlive"> </router-view>
<!-- </transition>--> <!-- </transition>-->
......
...@@ -179,7 +179,7 @@ export default class ScrollerView extends Vue { ...@@ -179,7 +179,7 @@ export default class ScrollerView extends Vue {
initHeight() { initHeight() {
const el: any = this.$el; const el: any = this.$el;
if (this.height) { if (this.height) {
el.style.height = this.height + "px"; el.style.height = this.height + "vh";
} }
} }
} }
......
...@@ -12,9 +12,9 @@ ...@@ -12,9 +12,9 @@
<div class="rarle"> <div class="rarle">
<tatle-bar :tatle="tatleName"></tatle-bar> <tatle-bar :tatle="tatleName"></tatle-bar>
</div> </div>
<div > <div style="height: calc(100vh - 200vh);">
<scroller-view pullup="true" pulldown="true" v-calculate-height > <scroller-view :pullup="true" :pulldown="true" :height="100">
<div class="card" v-for="(item, index) in productParam" :key="index"> <div class="cardA" v-for="(item, index) in productParam" :key="index">
<div> <div>
<van-row @click="onClickDetails(item)"> <van-row @click="onClickDetails(item)">
<van-col span="16"> <van-col span="16">
...@@ -54,10 +54,10 @@ ...@@ -54,10 +54,10 @@
<img class="icon" v-if="item.status === 2" :src="require('@/assets/images/shoulizhong.png')"/> <img class="icon" v-if="item.status === 2" :src="require('@/assets/images/shoulizhong.png')"/>
</van-col> </van-col>
</van-row> </van-row>
<van-row class="bottom" v-if="item.status === 1" @click="toReceipt"> <van-row class="bottom" v-if="item.status === 1" @click="toReceipt">
<van-col span="24" class="lablel"> <van-col span="24" class="lablel">
<span>查看借据</span> <span>查看借据</span>
<img :src="require('@/assets/images/xiayiye.png')" style="width: 30px"/> <img :src="require('@/assets/images/xiayiye.png')" style="width: 30px"/>
...@@ -112,18 +112,19 @@ ...@@ -112,18 +112,19 @@
<!-- <use xlink:href="#icon-weiqianding"></use>--> <!-- <use xlink:href="#icon-weiqianding"></use>-->
<!-- </svg>--> <!-- </svg>-->
<img class="icon" v-if="item.status === 3" :src="require('@/assets/images/shenqingzhong.png')"/> <img class="icon" v-if="item.status === 3" :src="require('@/assets/images/shenqingzhong.png')"/>
<img class="icon" v-if="item.status === 2" :src="require('@/assets/images/shoulizhong.png')"/>
</van-col> </van-col>
</van-row> </van-row>
<van-row class="bottom" @click="toProgress"> <van-row class="bottom" @click="toProgress">
<van-col span="24" class="lablel"> <van-col span="24" class="lablel">
<span>查看进度</span> <span>查看进度</span>
<img :src="require('@/assets/images/xiayiye.png')" style="width: 30px"/> <img :src="require('@/assets/images/xiayiye.png')" style="width: 30px"/>
</van-col> </van-col>
</van-row> </van-row>
</div> </div>
...@@ -169,6 +170,13 @@ export default class AccommodMain extends Vue { ...@@ -169,6 +170,13 @@ export default class AccommodMain extends Vue {
}, },
]; ];
productParamA = [ productParamA = [
{
productName: "小微企业抵押'一证通'贷款",
applyAmount: "30,000.00",
applyRate: "1.13%",
applyDate: "2022-08-23",
status: 2
},
{ {
productName: "小微企业抵押'一证通'贷款", productName: "小微企业抵押'一证通'贷款",
applyAmount: "30,000.00", applyAmount: "30,000.00",
...@@ -229,6 +237,14 @@ export default class AccommodMain extends Vue { ...@@ -229,6 +237,14 @@ export default class AccommodMain extends Vue {
} }
.card { .card {
border-radius: 2%;
//height: 28vh;
height: 210px;
margin: 3% 3% 3% 3%;
background: #ffffff;
border: none;
}
.cardA {
border-radius: 2%; border-radius: 2%;
//height: 28vh; //height: 28vh;
height: 190px; height: 190px;
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册