ppl/pages/shoukuan/mfxx.vue

<template>
	<view>
		<view style="padding: 30rpx;">
			<view v-if="lx==0">
			<view  v-for="(item, index) in goodlist" :key="index" style="margin-bottom:20rpx;" >
				<view class="b1" style="border-radius: 10rpx 10rpx 0 0;font-size: 30rpx;">
					<text style="float: left;color:#f1a325;">{{item.type}}</text>					
				</view>
				<view style="background: #fff;padding: 20rpx;font-size: 30rpx;line-height: 200%;">
					<view v-if="item.type=='银行卡支付'">开户行：{{item.khh}}<text class="copy" @click="copy(item.khh)">复制</text></view>
					<view>账户名称：{{item.zhmc}}<text class="copy" @click="copy(item.zhmc)">复制</text></view>
					<view v-if="item.type=='USDT支付'">手机账号：{{item.sjh}}<text class="copy" @click="copy(item.sjh)">复制</text></view>
					<view v-if="item.type=='银行卡支付' || item.type=='支付宝支付' || item.type=='拍拍宝'">账号：{{item.skzh}}<text class="copy" @click="copy(item.skzh)">复制</text></view>
					<view v-if="item.type=='银行卡支付'">开户行地址：{{item.fhh}}<text class="copy" @click="copy(item.fhh)">复制</text></view>
					<view v-if="item.type=='微信支付'">收款码：
					<view>
						<image :src="item.skm" style="width: 150rpx;height: 150rpx;" @click="viewimg(item.skm)">
					</view>
					</view>
				</view>
			</view>			
			</view>
			<view v-if="lx==1">
			<view  style="margin-bottom:20rpx;" >
				<view class="b1" style="border-radius: 10rpx 10rpx 0 0;font-size: 30rpx;">
					<text style="float: left;color:#f1a325;">拍拍宝</text>					
				</view>
				<view style="background: #fff;padding: 20rpx;font-size: 30rpx;line-height: 200%;">					
					<view>账户名称：{{ppb.xm}}<text class="copy" @click="copy(ppb.xm)">复制</text></view>
					<view>手机账号：{{ppb.sjh}}<text class="copy" @click="copy(ppb.sjh)">复制</text></view>
				</view>
			</view>			
			</view>
		</view>		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				uid:0,
				userinfo:[],
				goodlist:[],
				lx:0,
				ppb:[]
			}
		},
		methods: {
			copy(text){
				uni.setClipboardData({
					data:text,
					success: function () {
						console.log('success');
					}
				});
			},
			viewimg(path) {
				uni.previewImage({
					urls: [path],
					longPressActions: {
						itemList: ['发送给朋友', '保存图片', '收藏'],
						success: function(data) {
							// console.log('选中了第' + (data.tapIndex + 1) + '个按钮,第' + (data.index + 1) + '张图片');
						},
						fail: function(err) {
							// console.log(err.errMsg);
						}
					}
				});
			},
			sklist(){
				var data = new Object();
				data.uid = this.uid;
				this.$api
					.MhGetModel(data, 'user/sklist')
					.then(res => {		
						this.goodlist = res.data.data;
						this.ppb = res.data.ppb;
					})
					.catch(err => {
						// console.log('request fail', JSON.stringify(err));
					});
			},
			skm(skm){
				uni.navigateTo({
					url: '/pages/shoukuan/cktp?src='+skm
				});
			}
		},
		onLoad(o,lx) {
			this.uid = o.id;
			this.lx = o.lx;
			this.sklist()
		}
	}
</script>

<style>
page{padding: 15rpx;background:   #98a737;background-attachment: fixed !important;
    background-repeat: no-repeat !important;}
.b1 {
    overflow: hidden;
    padding: 10rpx 15rpx;
    color: #f1a325;
    background: #fff0d5;
    border: 1rpx solid #ffdcbc;
}
.copy{background: #98a737;font-size: 26rpx;color: #fff;padding: 5rpx 10rpx;margin-left: 30rpx;border-radius: 10rpx;}
</style>