| | |
| | | <div class="back-avator"> |
| | | <img src="../assets/images/image2.png" alt="" /> |
| | | </div> |
| | | <div class="base-book-box"> |
| | | <div class="base-book-box" @click="handleBookDetial"> |
| | | <div class="base-book-item"> |
| | | <img class="book-icon" src="../assets/images/book.png" alt="" /> |
| | | <div class="base-book-item-feilds"> |
| | |
| | | </div> |
| | | <div class="chat-text"> |
| | | <el-input |
| | | v-model="inputValue" |
| | | type="textarea" |
| | | :autosize="{ minRows: 3, maxRows: 10 }" |
| | | placeholder="请输入您的问题" |
| | |
| | | </template> |
| | | <script lang="ts" setup> |
| | | import { ref } from 'vue' |
| | | import { useRouter } from 'vue-router' |
| | | |
| | | const router = useRouter() |
| | | const screenWidth = ref(window.innerWidth) |
| | | |
| | | const inputValue = ref('') |
| | | |
| | | const handleBookDetial = () => { |
| | | router.push('/baseInfo') |
| | | } |
| | | </script> |
| | | <style lang="less" scoped> |
| | | @media screen and (max-width: 750px) { |
| | |
| | | box-sizing: border-box; |
| | | background-color: #fff; |
| | | border-radius: 20px; |
| | | cursor: pointer; |
| | | |
| | | .base-book-item { |
| | | flex: 1; |