样式修正

This commit is contained in:
2025-12-24 16:57:43 +08:00
parent 1d04bb75f9
commit 812109fcab
2 changed files with 21 additions and 15 deletions

View File

@@ -419,35 +419,41 @@
.input-row { .input-row {
position: relative; position: relative;
display: flex; display: flex;
flex-direction: row;
align-items: center; align-items: center;
background: #fff; background: #fff;
border-radius: 50rpx; border-radius: 48rpx;
padding: 10rpx 96rpx 10rpx 18rpx; padding: 8rpx;
box-shadow: 0 2rpx 12rpx rgba(0,0,0,0.04); box-shadow: 0 4rpx 16rpx rgba(0,0,0,0.04);
} }
.chat-input { .chat-input {
flex: 1; flex: 1;
height: 80rpx;
padding: 0 32rpx;
background: transparent;
border: none;
font-size: 28rpx; font-size: 28rpx;
color: #222; color: #333;
}
.chat-input::placeholder {
color: #999;
} }
.send-btn { .send-btn {
position: absolute; width: 80rpx;
right: 12rpx; height: 80rpx;
top: 50%; border-radius: 40rpx;
transform: translateY(-50%); background: linear-gradient(135deg, #e9f1ff 0%, #d4e4ff 100%);
width: 60rpx;
height: 60rpx;
border-radius: 30rpx;
border: 2rpx solid #8dbbff; border: 2rpx solid #8dbbff;
background: #e9f1ff;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-shrink: 0;
} }
.send-text { .send-icon {
font-size: 24rpx; font-size: 36rpx;
color: #4b87ff; color: #4b87ff;
} }

View File

@@ -93,7 +93,7 @@
<input class="chat-input" v-model="inputText" placeholder="输入消息..." <input class="chat-input" v-model="inputText" placeholder="输入消息..."
@confirm="sendMessage" /> @confirm="sendMessage" />
<view class="send-btn" @tap="sendMessage"> <view class="send-btn" @tap="sendMessage">
<text class="send-text">发送</text> <text class="send-icon">➤</text>
</view> </view>
</view> </view>
</view> </view>