.tui-line-cell { width: 100%; box-sizing: border-box; display: flex; align-items: center; } .tui-title { font-size: 24rpx; line-height: 24rpx; flex-shrink: 0; } .tui-lable { font-size: 24rpx; color: #333; padding-left: 20rpx; flex: 1; } .tui-input { font-size: 24rpx; color: #333; padding-left: 20rpx; flex: 1; } .phcolor { font-size: 24rpx; } page{ height: 100vh; } .container { padding-bottom: env(safe-area-inset-bottom); height: 100%; } .v-nodata{ height: 100%; display: flex; justify-content: center; align-items:center; text-align: center; flex-direction: column; } .v-nodata-img{ width: 415rpx; height: 316rpx; } .v-nodata-txt{ color:#999999; padding:20rpx 0; } .tui-msg-box { display: flex; align-items: center; } .tui-msg-pic { width: 100rpx; height: 100rpx; border-radius: 50%; display: block; margin-right: 24rpx; } .tui-msg-item { max-width: 500rpx; min-height: 80rpx; overflow: hidden; display: flex; flex-direction: column; justify-content: space-between; } .tui-msg-name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 34rpx; line-height: 1; color: #262b3a; } .tui-msg-content { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 26rpx; line-height: 1; color: #9397a4; } .tui-msg-right { max-width: 140rpx; height: 88rpx; margin-left: auto; text-align: right; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; } .tui-msg-right.tui-right-dot{ height: 76rpx; padding-bottom: 10rpx; } .tui-msg-time { width: 100%; font-size: 24rpx; line-height: 24rpx; color: #9397a4; } .tui-badge{ width:auto } .tui-msg::after{ left: 154rpx !important }