1
YM
2025-04-10 66f6a6581c90c5339f66c2241665c952b3d22302
src/views/Start.vue
@@ -52,12 +52,8 @@
          <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">
@@ -75,7 +71,7 @@
              <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>
@@ -86,6 +82,10 @@
<script lang="ts" setup>
import { ref } from 'vue'
const inputValue = ref('')
  const sendMsg = () => {
  }
</script>
<style lang="less" scoped>
@media screen and (max-width: 750px) {
@@ -95,6 +95,7 @@
    background-image: url('@/assets/images/beijing2.png');
    background-position: center;
    background-size: cover;
    .chat-box-content {
      width: 100%;
      display: flex;
@@ -170,6 +171,7 @@
        ul {
          padding: 0 25px;
          li {
            list-style: none;
            margin: 10px 0 10px 0;
@@ -208,6 +210,7 @@
        ::v-deep(.chat-text) {
          margin-bottom: 10px;
          .el-textarea__inner {
            border: none !important;
            outline: none !important;
@@ -270,6 +273,7 @@
    }
  }
}
@media screen and (min-width: 750px) {
  .chat-box {
    width: 100%;
@@ -281,6 +285,7 @@
    display: flex;
    justify-content: center;
    align-items: center;
    .chat-box-content {
      width: 1200px;
      display: flex;
@@ -392,6 +397,7 @@
        ::v-deep(.chat-text) {
          margin-bottom: 10px;
          .el-textarea__inner {
            border: none !important;
            outline: none !important;