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">
ID:{{userInfo.uid}}
- {{ i18n.account }}:{{userInfo.email}}
+ {{ i18n.account }}:{{userInfo.email || ''}}
@@ -32,17 +32,17 @@
- {{userInfoBalance.balance}}
+ {{userInfoBalance.balance || 0 }}
{{ i18n.Balance }}
- {{userInfoBalance.pledge}}
+ {{userInfoBalance.pledge || 0 }}
{{ i18n.Pledge }}
- {{userInfoBalance.contract}}
+ {{userInfoBalance.contract || 0 }}
{{ i18n.Contarct }}
@@ -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;
}
}
}