From 5291f51f76c4b45be4d70512fa4d0f5a88ddb5ed Mon Sep 17 00:00:00 2001 From: QYF-GitLab1 <1940665526@qq.com> Date: 星期四, 10 四月 2025 17:18:22 +0800 Subject: [PATCH] 增加关联跳转 --- src/views/Start.vue | 9 ++++++++- src/views/Chat.vue | 12 +++++++++++- 2 files changed, 19 insertions(+), 2 deletions(-) diff --git a/src/views/Chat.vue b/src/views/Chat.vue index 3ec1e08..07e76c2 100644 --- a/src/views/Chat.vue +++ b/src/views/Chat.vue @@ -9,7 +9,7 @@ <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"> @@ -106,6 +106,7 @@ </div> <div class="chat-text"> <el-input + v-model="inputValue" type="textarea" :autosize="{ minRows: 3, maxRows: 10 }" placeholder="璇疯緭鍏ユ偍鐨勯棶棰�" @@ -137,8 +138,16 @@ </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) { @@ -200,6 +209,7 @@ box-sizing: border-box; background-color: #fff; border-radius: 20px; + cursor: pointer; .base-book-item { flex: 1; diff --git a/src/views/Start.vue b/src/views/Start.vue index 33ba4d7..32c77aa 100644 --- a/src/views/Start.vue +++ b/src/views/Start.vue @@ -75,7 +75,7 @@ <img src="../assets/images/fujian1.png" alt="" /> </div> <div class="select-item"> - <img src="../assets/images/shangchuan2.png" alt="" /> + <img src="../assets/images/shangchuan2.png" @click="handleChat" alt="" /> </div> </div> </div> @@ -85,7 +85,14 @@ </template> <script lang="ts" setup> import { ref } from 'vue' +import { useRouter } from 'vue-router' + +const router = useRouter() const inputValue = ref('') + +const handleChat = () => { + router.push('/chat') +} </script> <style lang="less" scoped> @media screen and (max-width: 750px) { -- Gitblit v1.9.1