frontend-app/pages/rwa_package/account/components/account-item.vue

<template>
	<view class="shop-item-view" >
		<image :src="type == 2 ? 'https://static.tbmall.xin/static/new/zfb.png' : 'https://static.tbmall.xin/static/new/wx.png'" ></image>
		<view class="show-item-left">
			<text class="text-32 text-gray">{{itemData.name}}</text>
			<text class="text-26 text-fu1">账号：{{itemData.account}}</text>
		</view>
		<view class="item-right-btn" @click="onBtn">
			<text class="text-gray text-24">解绑</text>
		</view>
	</view>
</template>

<script>
	
	export default {
		props:{
			obj:{
				type:Object,
				default:null
			},
			type:{
				type:Number,
				default:0
			},
			itemData:{
				type:[Array,Object],
				default:()=>{}
			},
			
		},
		mounted(){
		},
		methods: {
			onBtn(){
				this.$emit('ok',this.itemData);
			}
		}
	}
</script>

<style lang="scss" scoped>
	.shop-item-view{
		width:100%;
		min-height:152rpx;
		display: flex;
		flex-direction: row;
		align-items: center;
		padding: 32rpx 28rpx;
		box-sizing: border-box;
		position: relative;
		border-radius: 24rpx;
		overflow: hidden;
		background-color: #fff;
		margin-top:24rpx;
		.show-item-left{
			display: flex;
			flex-direction: column;
			height:88rpx;
			min-height:88rpx;
			margin-left:24rpx;
			
		}
		.item-right-btn{
			width:112rpx;
			height:48rpx;
			min-height:48rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			background-color: #f3f3f3;
			border-radius: 24rpx;
			position: absolute;
			right:28rpx;
		}
		image{
			width:88rpx;
			height:88rpx;
			border-radius: 44rpx;
		}
		
	}
	
</style>