账户设置密码，转账

2022-06-10 12:14:02 +08:00
parent 8b454d6db1
commit 9a1a4b9c50
17 changed files with 3510 additions and 231 deletions
--- a/pages/account/code.vue
+++ b/pages/account/code.vue
@@ -0,0 +1,124 @@
+<template>
+	<view class="vertical code">
+		<view class="vertical code-content">
+			<view class="sub-title">扫码转入DT积分</view>
+			<view class="code-img">
+				<image :src="code" mode="widthFix" />
+			</view>
+			<view class="hr"></view>
+			<view class="sub-title">钱包地址</view>
+			<view class="hash">{{address || '-'}}</view>
+			<view class="buttons">
+				<button class="item greed" type="default" @click="copyAddress">复制</button>
+			</view>
+		</view>
+		<view class="footer">共力生态</view>
+	</view>
+</template>
+
+<script>
+	import { code } from '@/apis/interfaces/account'
+	export default {
+		data() {
+			return {
+				address: '',
+				code: ''
+			};
+		},
+		mounted() {
+			code().then(res=>{
+				this.code = res.image
+				this.address = res.address
+			}).catch(err=>{
+				uni.showToast({
+					icon: 'none',
+					title: err.message
+				})
+			})
+		},
+		methods:{
+			copyAddress(){
+				uni.setClipboardData({
+					data: this.address
+				})
+			}
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+	.code{
+		height: 100vh;
+		background:linear-gradient(to bottom, $main-color, #22ab98);
+		padding-bottom: env(safe-area-inset-bottom);
+		padding-bottom: constant(safe-area-inset-bottom);
+		box-sizing: border-box;
+		// 收款码
+		.code-content{
+			text-align: center;
+			background: white;
+			margin: 0 8vw;
+			border-radius: $radius;
+			padding: $padding * 2;
+			height: 70vh;
+			box-shadow: 0 0 6rpx 6rpx rgba($color: #000000, $alpha: .02);
+			box-sizing: border-box;
+			.sub-title{
+				font-size: $title-size;
+			}
+			.code-img{
+				width: 20vh;
+				height: 20vh;
+				margin: $margin * 3 0 $margin * 2;
+				display: inline-block;
+				background-image: url(../../static/background/wallet-code-background.png);
+				padding: $padding;
+				box-sizing: border-box;
+				background-position: center;
+				background-size: cover;
+				image{
+					width: 100%;
+				}
+			}
+			.hr{
+				height: 1rpx;
+				background: $border-color;
+				margin: $margin * 2 0;
+			}
+			.hash{
+				word-wrap: break-word;
+				font-size: 28rpx;
+				padding: $padding 0;
+			}
+			.buttons{
+				display: flex;
+				padding-top: $padding * 2;
+				.item{
+					width: 40%;
+					height: 80rpx;
+					line-height: 80rpx;
+					border-radius: 40rpx;
+					font-size: $title-size;
+					color: white;
+					&::after{
+						border: none;
+					}
+					&.red{
+						background: $text-price;
+					}
+					&.greed{
+						background: $main-color;
+					}
+				}
+			}
+		}
+		// 底部
+		.footer{
+			height: 10vh;
+			line-height: 10vh;
+			text-align: center;
+			font-size: 28rpx;
+			color: rgba(255, 255, 255, .5);
+		}
+	}
+</style>