chore:微信小程序标签栏点击可以跳转
This commit is contained in:
@@ -1514,25 +1514,6 @@ $radius-lg: 36rpx;
|
||||
min-width: 0;
|
||||
width: 0; /* 添加这个属性防止flex元素溢出 */
|
||||
|
||||
.message-nickname {
|
||||
font-size: 24rpx;
|
||||
color: $color-text-light;
|
||||
margin-bottom: 8rpx;
|
||||
letter-spacing: 0.5rpx;
|
||||
// 用户昵称右对齐,AI昵称左对齐
|
||||
&:not(.ai-message .message-nickname) {
|
||||
text-align: right;
|
||||
}
|
||||
// AI昵称专属样式 - 左移到气泡上方
|
||||
&.ai-nickname {
|
||||
text-align: left;
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
align-self: flex-start;
|
||||
margin-bottom: 4rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.message-bubble {
|
||||
padding: 24rpx 32rpx;
|
||||
max-width: 100%;
|
||||
@@ -1952,6 +1933,28 @@ $radius-lg: 36rpx;
|
||||
}
|
||||
}
|
||||
|
||||
/* ========== 关键修复:拆分 .message-nickname 样式 ========== */
|
||||
.message-nickname {
|
||||
font-size: 24rpx;
|
||||
color: $color-text-light;
|
||||
margin-bottom: 8rpx;
|
||||
letter-spacing: 0.5rpx;
|
||||
}
|
||||
|
||||
/* 用户昵称:右对齐 */
|
||||
.user-message .message-nickname {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* AI 昵称:使用 .ai-nickname 类控制 */
|
||||
.ai-nickname {
|
||||
text-align: left;
|
||||
margin-left: 0;
|
||||
padding-left: 0;
|
||||
align-self: flex-start;
|
||||
margin-bottom: 4rpx;
|
||||
}
|
||||
|
||||
/* 用户消息特有样式 */
|
||||
.user-message {
|
||||
flex-direction: row-reverse;
|
||||
@@ -2139,7 +2142,7 @@ $radius-lg: 36rpx;
|
||||
text-align: center; /* 兼容多端文字居中 */
|
||||
white-space: nowrap; /* 强制文字单行横向显示 */
|
||||
line-height: 1; /* 重置行高,避免文字垂直偏移 */
|
||||
top:-10px;
|
||||
top: -10px;
|
||||
|
||||
&.disabled {
|
||||
background-color: $color-primary-light;
|
||||
|
||||
Reference in New Issue
Block a user