样式修正
This commit is contained in:
@@ -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;
|
||||||
}
|
}
|
||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user