chore:小程序输入框向下移动
This commit is contained in:
@@ -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 */
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user