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; } } }