MeiMeiZhuan/pages/wallet/bankcard.vue

<template>
	<view class="content">
		<view v-for="(item,index) in banklist" :key='index' class="row b-b">
			<view class="left">
				<view class="tit">
				<text>
					{{item.bank}}
				</text>
				</view>
				<view class="number">
				<text>
					{{item.banknum}}
				</text>
				</view>
			</view>
			<view class="rigth">
				<!-- <image class="icon" src="../../static/icon/img13.png" mode=""></image> -->
				<uni-icons type="compose"></uni-icons>
				<text class="bj">编辑</text>	
			</view>
			
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				banklist:[
				]
			}
		},
		onNavigationBarButtonTap(e)
		{
			uni.navigateTo({
				url: '/pages/wallet/nummanage?state=2'
			})
		}
	}
	
</script>

<style lang="scss">
	page {
		background: $page-color-base;
		padding-top: 16rpx;
	}
	.row{
		display: flex;
		justify-content: space-between;
		align-items: center;
		width:750rpx;
		height:119rpx;
		background:rgba(255,255,255,1);
		padding: 15rpx;
		border-bottom: 1rpx solid rgba(240,240,240,1);
		.left{
			flex-grow: 1;
		}
			.tit{
				width:130rpx;
				height:26rpx;
				font-size:28rpx;
				font-family:PingFangSC;
				font-weight:500;
				color:rgba(51,51,51,1);
				margin-bottom: 15rpx;
			};
			.number{
		width:211rpx;
		height:17rpx;
		font-size:22rpx;
		font-family:PingFang SC;
		font-weight:400;
		color:rgba(153,153,153,1);
			};
		
		
		
			
			.icon{
				width:40rpx;
				height:40rpx;
				background:rgba(153,161,170,0);
			}
			.bj{
			width:46rpx;
			height:23rpx;
			font-size:24rpx;
			font-family:PingFangSC;
			font-weight:500;
			color:rgba(96,105,114,1);
			}
			
		
	}
</style>