.chatlog { width: 750rpx; height: calc(100vh - 200rpx); margin-top: 40rpx; } .chatinput { position: fixed; bottom: 0; width: 750rpx; height: 200rpx; } .chatinput .inputbox { display: flex; margin: 30rpx; height: 120rpx; border-radius: 60rpx; background: #eee; flex-direction: row; align-items: center; justify-content: space-between; padding: 0 20rpx; } .chatinput .placeholder { font-size: 38rpx; flex: 1; display: flex; align-items: center; padding-left: 30rpx; } .chatinput .icon { width: 100rpx; height: 100rpx; display: flex; align-items: center; justify-content: center; } .chatinput .icon .up { width: 80rpx; height: 80rpx; }