chore:小程序输入框向下移动

This commit is contained in:
2026-04-17 08:44:01 +08:00
parent ffbc15929d
commit 19c3ec4f9f

View File

@@ -1661,6 +1661,11 @@ $radius-lg: 36rpx;
overflow-y: auto;
box-sizing: border-box;
min-height: 0; /* 重要:防止flex元素溢出 */
/* 微信小程序专属样式:给聊天消息列表增加底部内边距,避免被固定的输入框遮挡 */
/* #ifdef MP-WEIXIN */
padding-bottom: 140rpx;
/* #endif */
.load-more {
text-align: center;
@@ -2274,12 +2279,27 @@ $radius-lg: 36rpx;
/* 确保输入区域正确显示 */
position: relative;
z-index: 10;
/* 微信小程序专属样式:让输入区域固定在最底部 */
/* #ifdef MP-WEIXIN */
position: fixed;
bottom: 0;
left: 0;
right: 0;
padding: 8rpx 24rpx;
padding-bottom: calc(0rpx + env(safe-area-inset-bottom));
/* #endif */
.input-tools {
display: flex;
margin-bottom: 16rpx;
align-items: flex-start;
/* 微信小程序专属样式:减少工具条下边距 */
/* #ifdef MP-WEIXIN */
margin-bottom: 0rpx;
/* #endif */
.tool-btn {
width: 56rpx;
height: 56rpx;
@@ -2301,6 +2321,12 @@ $radius-lg: 36rpx;
display: flex;
align-items: center;
/* 微信小程序专属样式:让输入容器更紧凑 */
/* #ifdef MP-WEIXIN */
padding-top: 0rpx;
padding-bottom: 0rpx;
/* #endif */
.message-input {
flex: 1;
min-height: 72rpx;
@@ -2342,6 +2368,23 @@ $radius-lg: 36rpx;
opacity: 0.7;
}
}
/* 微信小程序专属样式:调整输入框和发送按钮高度 */
/* #ifdef MP-WEIXIN */
.message-input {
min-height: 64rpx;
padding: 12rpx 16rpx;
margin-top: 0rpx;
margin-bottom: 0rpx;
}
.send-btn {
width: 72rpx;
height: 64rpx;
margin-top: 0rpx;
margin-bottom: 0rpx;
}
/* #endif */
}
}