From 88d070852e0d038631492e2d6575537f6816a417 Mon Sep 17 00:00:00 2001
From: "[liang]" <[595996918@qq.com]>
Date: Thu, 25 Aug 2022 19:57:48 +0800
Subject: [PATCH] =?UTF-8?q?=E6=88=91=E7=9A=84=E9=A1=B5=E9=9D=A2=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E5=92=8C=E6=95=B0=E6=8D=AE=E4=BF=9D=E6=8A=A4=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/me/index.vue | 31 +++++++++++++++++++++----------
 1 file changed, 21 insertions(+), 10 deletions(-)

diff --git a/pages/me/index.vue b/pages/me/index.vue
index c453fc4..508586b 100644
--- a/pages/me/index.vue
+++ b/pages/me/index.vue
@@ -7,7 +7,7 @@
 					radius="160rpx"></u-image>
 				<view class="idAndAccount">
 					<view class="id">ID:{{userInfo.uid}}</view>
-					<view class="account">{{ i18n.account }}:{{userInfo.email}}</view>
+					<view class="account">{{ i18n.account }}:{{userInfo.email || ''}}</view>
 				</view>
 			</view>
 			<!-- 三个按钮 -->
@@ -32,17 +32,17 @@
 			<view class="balanceRow">
 				<!-- 可用余额 -->
 				<view class="item">
-					<view class="number">{{userInfoBalance.balance}}</view>
+					<view class="number">{{userInfoBalance.balance || 0 }}</view>
 					<view class="title">{{ i18n.Balance }}</view>
 				</view>
 				<!-- 质押余额 -->
 				<view class="item">
-					<view class="number">{{userInfoBalance.pledge}}</view>
+					<view class="number">{{userInfoBalance.pledge || 0 }}</view>
 					<view class="title">{{ i18n.Pledge }}</view>
 				</view>
 				<!-- 合约余额 -->
 				<view class="item">
-					<view class="number">{{userInfoBalance.contract}}</view>
+					<view class="number">{{userInfoBalance.contract || 0 }}</view>
 					<view class="title">{{ i18n.Contarct }}</view>
 				</view>
 			</view>
@@ -217,10 +217,11 @@
 
 				.idAndAccount {
 					margin-left: 40rpx;
+                    flex: 1;
 
 					.id {
 						height: 56rpx;
-						width: 378rpx;
+						// width: 400rpx;
 						font-weight: 600;
 						font-size: 40rpx;
 						margin: 16rpx 0;
@@ -228,15 +229,25 @@
 
 					.account {
 						position: relative;
-						height: 56rpx;
-						line-height: 56rpx;
-						width: 378rpx;
+						// height: 56rpx;
+						line-height: 46rpx;
+						width: 390rpx;
+                        overflow: hidden;
 						background: rgba(255, 188, 31, 0.1);
 						border-radius: 16rpx;
 						font-size: 24rpx;
 						color: #FFBC1F;
 						text-align: left;
-						padding-left: 20rpx;
+                        padding: 4rpx 10rpx 8rpx 40rpx;
+
+                        // 超出字符省略成...
+                        overflow: hidden;
+                        text-overflow: ellipsis;
+                        display: -webkit-box; //兼容
+                        word-wrap: break-word;
+                        white-space: normal !important;
+                        -webkit-line-clamp: 2; //显示行数
+                        -webkit-box-orient: vertical;
 
 						&::before {
 							display: block;
@@ -248,7 +259,7 @@
 							width: 32rpx;
 							height: 32rpx;
 							top: 12rpx;
-							left: 20rpx;
+							left: 10rpx;
 						}
 					}
 				}