[修改银行卡列表返回上一页app和H5兼容问题]

This commit is contained in:
2021-10-18 17:40:13 +08:00
parent f46c33d827
commit 9156029027
7 changed files with 274 additions and 260 deletions

View File

@@ -1,21 +1,25 @@
<template>
<view class="selectCard">
<view class="demo" v-if="lists.length>0"><u-icon name="info-circle-fill" label-color='#e93340' color='#e93340' label='长按删除添加银行卡'/></view>
<view class="bankInfo" v-if="lists.length>0" v-for="(item,index) in lists" :key='index'
@longpress='delBank(item.bank_account_id,index)'>
<image class="bankLogin" @click="selectBank(item)" :src="item.bank.cover" mode="widthFix" />
<view class="right" @click="selectBank(item)">
<view class="left">
<view class="title">{{item.bank.name}}
<view class="tags">快捷支付</view>
</view>
<view class="des">储值卡</view>
<view class="no">{{item.no}}</view>
</view>
<block v-if="lists.length>0" >
<view class="demo11">
<icon type="warn" size="16"/>
长按删除添加银行卡
</view>
<u-icon name="edit-pen-fill" @click='editBank(item.bank_account_id)' color="rgba(255,255,255,0.6)"
size='50' />
</view>
<view class="bankInfo" v-for="(item,index) in lists" :key='index' @longpress='delBank(item.bank_account_id,index)'>
<image class="bankLogin" @click="selectBank(item)" :src="item.bank.cover" mode="widthFix" />
<view class="right" @click="selectBank(item)">
<view class="left">
<view class="title">{{item.bank.name}}
<view class="tags">快捷支付</view>
</view>
<view class="des">储值卡</view>
<view class="no">{{item.no}}</view>
</view>
</view>
<u-icon name="edit-pen-fill" @click='editBank(item.bank_account_id)' color="rgba(255,255,255,0.6)"
size='50' />
</view>
</block>
<!-- 底部新增按钮 -->
<view class="addBtn" @click="$Router.push({ name: 'addBank'})">
<u-icon name="plus" label-pos='bottom' color='#fff' label-color='#fff' label='新增' />
@@ -129,8 +133,8 @@
}
let pages = getCurrentPages()
let prevPage = pages[pages.length - 2]
console.log(bankInfo)
prevPage._data.bankInfo = bankInfo
// prevPage._data.bankInfo = bankInfo
prevPage.$vm.bankInfo = bankInfo;
uni.navigateBack() //返回上一页面
}
}
@@ -162,10 +166,17 @@
padding-top: 30rpx;
background-color: #fff;
padding-bottom: 80rpx;
.demo{
color: #cacaca;
.demo11{
color: #e93340;
font-size: 26rpx;
text-align: center;
display: flex;
justify-content: center;
// background-color: #e93340;
icon{
margin-right: 10rpx;
}
}
.bankInfo {
width: calc(100% - 60rpx);