| | |
| | | <img src="../assets/images/tianjia2.png" alt="" /> |
| | | </div> |
| | | <div class="chat-text"> |
| | | <el-input |
| | | type="textarea" |
| | | :autosize="{ minRows: 2, maxRows: 10 }" |
| | | placeholder="请输入您的问题" |
| | | v-model="inputValue" |
| | | /> |
| | | <el-input type="textarea" :autosize="{ minRows: 2, maxRows: 10 }" placeholder="请输入您的问题" |
| | | v-model="inputValue" /> |
| | | </div> |
| | | <div class="select"> |
| | | <div class="select-left"> |
| | |
| | | <img src="../assets/images/fujian1.png" alt="" /> |
| | | </div> |
| | | <div class="select-item"> |
| | | <img src="../assets/images/shangchuan2.png" alt="" /> |
| | | <img @click="sendMsg()" src="../assets/images/shangchuan2.png" alt="" /> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | <script lang="ts" setup> |
| | | import { ref } from 'vue' |
| | | const inputValue = ref('') |
| | | |
| | | const sendMsg = () => { |
| | | |
| | | } |
| | | </script> |
| | | <style lang="less" scoped> |
| | | @media screen and (max-width: 750px) { |
| | |
| | | background-image: url('@/assets/images/beijing2.png'); |
| | | background-position: center; |
| | | background-size: cover; |
| | | |
| | | .chat-box-content { |
| | | width: 100%; |
| | | display: flex; |
| | |
| | | |
| | | ul { |
| | | padding: 0 25px; |
| | | |
| | | li { |
| | | list-style: none; |
| | | margin: 10px 0 10px 0; |
| | |
| | | |
| | | ::v-deep(.chat-text) { |
| | | margin-bottom: 10px; |
| | | |
| | | .el-textarea__inner { |
| | | border: none !important; |
| | | outline: none !important; |
| | |
| | | } |
| | | } |
| | | } |
| | | |
| | | @media screen and (min-width: 750px) { |
| | | .chat-box { |
| | | width: 100%; |
| | |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center; |
| | | |
| | | .chat-box-content { |
| | | width: 1200px; |
| | | display: flex; |
| | |
| | | |
| | | ::v-deep(.chat-text) { |
| | | margin-bottom: 10px; |
| | | |
| | | .el-textarea__inner { |
| | | border: none !important; |
| | | outline: none !important; |