样式修正

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

View File

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