huxuejian/ykt-team-wxapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

页面样式调整

Browse Source
This commit is contained in:
wangdongbo 2026-02-05 14:01:01 +08:00
parent 5bcdbf80cd
commit 9dda930d1f
2 changed files with 16 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
pages/message/chat.scss
View File

@ -445,39 +445,33 @@ $primary-color: #0877F1;
min-width: 0; min-width: 0;
} }
.text-input { .text-input,
flex: 1;
padding: 16rpx 24rpx;
background-color: #f3f5fa;
border-radius: 20rpx;
margin: 0;
font-size: 28rpx;
min-height: 56rpx;
max-height: 200rpx;
border: none;
outline: none;
box-sizing: border-box;
line-height: 1.5;
color: #333;
vertical-align: middle;
}
.voice-input-btn { .voice-input-btn {
flex: 1; flex: 1;
padding: 16rpx 24rpx; padding: 16rpx;
background-color: #f3f5fa; background-color: #f3f5fa;
border-radius: 20rpx; border-radius: 10rpx;
margin: 0;
font-size: 28rpx; font-size: 28rpx;
min-height: 56rpx; min-height: 80rpx;
max-height: 200rpx; max-height: 200rpx;
border: none; border: none;
outline: none; outline: none;
box-sizing: border-box; box-sizing: border-box;
line-height: 1.5; line-height: 1.5;
color: #333; color: #333;
display: flex;
align-items: center;
justify-content: center;
} }
.text-input {
padding: 20rpx;
display: block;
line-height: 1.5;
height: 80rpx;
}
.voice-input-btn { .voice-input-btn {
height: 56rpx; height: 56rpx;
display: flex; display: flex;

2
pages/message/components/chat-input.vue
View File

@ -8,7 +8,7 @@
<view class="input-area"> <view class="input-area">
<textarea v-if="!showVoiceInput" class="text-input" v-model="inputText" placeholder="我来说两句..." <textarea v-if="!showVoiceInput" class="text-input" v-model="inputText" placeholder="我来说两句..."
@confirm="sendTextMessage" @focus="handleInputFocus" @input="handleInput" @confirm="sendTextMessage" @focus="handleInputFocus" @input="handleInput"
:auto-height="true" :show-confirm-bar="false" :adjust-position="true" /> :auto-height="true" :show-confirm-bar="false" :adjust-position="true" :cursor-spacing="40" />
<input v-else class="voice-input-btn" :class="{ recording: isRecording }" @touchstart="startRecord" <input v-else class="voice-input-btn" :class="{ recording: isRecording }" @touchstart="startRecord"
@touchmove="onRecordTouchMove" @touchend="stopRecord" @touchcancel="cancelRecord" :placeholder="isRecording ? '松开发送' : '按住说话'" disabled> @touchmove="onRecordTouchMove" @touchend="stopRecord" @touchcancel="cancelRecord" :placeholder="isRecording ? '松开发送' : '按住说话'" disabled>
</input> </input>