lishang/pages/money/recharge.vue

<template>
	<view class="recharge">
		<view class="title">
			<view class="title-t">
				充币二维码
			</view>
		</view>
		
		<view class="content">
			请转入USDT<br>
			<image src="../../static/error/errorImage.jpg" mode=""></image>
			<view class="button" @click="downLoad">保存二维码</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				url: ''
			}
		},
		methods: {
			//下载
			downLoad() {
				// const obj = this
				// uni.downloadFile({
				// 	url: url,
				// 	success(res) {
				// 		if (res.errMsg == 'downloadFile:ok') {
				// 			obj.src = res.tempFilePath;
				// 			// 生成画布
				// 			obj.loadImg(obj.src);
				// 			uni.hideLoading();
				// 		}
				// 		console.log(res);
				// 	},
				// 	fail(e) {
				// 		console.log(e);
				// 	}
				// })
			}
		}
	}
</script>

<style lang="scss" scoped>
	.recharge {
		font-family: PingFang-SC-Bold;
		.title {
			background-color: #fff;
			padding: 30rpx;
			margin-bottom: 1rpx;
			.title-t {
				// margin: 30rpx;
				padding: 0 15rpx;
				color: #333333;
				font-weight: bold;
				border-left: solid 2rpx #75EFFA;
			}
		}
		.content {
			padding: 50rpx;
			background-color: #fff;
			text-align: center;
			color: #333333;
			font-weight: bold;
			image {
				margin-top: 20rpx;
				width: 200rpx;
				height: 200rpx;
			}
			.button {
				margin: 0 auto;
				width: 450rpx;
				background: linear-gradient(90deg, #438BED 0%,  #44BFEC 100%);
				background-color: #438BED;
				height: 60rpx;
				line-height: 60rpx;
				border-radius: 50rpx;
				color: #fff;
				font-size: 30rpx;
				margin-top: 20rpx;
				font-weight: 500;
			}
		}
		
	}
</style>