chore:微信小程序标签栏点击可以跳转
This commit is contained in:
@@ -1514,25 +1514,6 @@ $radius-lg: 36rpx;
|
|||||||
min-width: 0;
|
min-width: 0;
|
||||||
width: 0; /* 添加这个属性防止flex元素溢出 */
|
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 {
|
.message-bubble {
|
||||||
padding: 24rpx 32rpx;
|
padding: 24rpx 32rpx;
|
||||||
max-width: 100%;
|
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 {
|
.user-message {
|
||||||
flex-direction: row-reverse;
|
flex-direction: row-reverse;
|
||||||
|
|||||||
Reference in New Issue
Block a user