样式调整

xiangpei

2025-03-20 5eac327aaf786a26b90c49b3a5a0682aa83e64dc

样式调整

 src/App.vue

@@ -13,16 +13,4 @@
  color: #2c3e50;
}

nav {
  padding: 30px;

  a {
    font-weight: bold;
    color: #2c3e50;

    &.router-link-exact-active {
      color: #42b983;
    }
  }
}
</style>

 src/components/AiChat.vue

@@ -1,5 +1,5 @@
<template>
  <div class="ai-chat-dialog">
  <div>
    <!-- 聊天消息列表 -->
    <div class="chat-messages">
      <div
@@ -20,9 +20,8 @@
    <!-- 输入框 -->
    <div class="chat-input">
        <el-input
            style="width: 50%"
            v-model="inputMessage"
            placeholder="请输入消息"
            placeholder="请输入消息，按下回车发送"
            @keyup.native.enter="sendMessage"
        >
          <div slot="append">
@@ -191,13 +190,14 @@
.chat-input {
  padding: 16px;
  background-color: #fff;
  border-top: 1px solid #ddd;
  width: 800px;
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 70px;
  left: 50%; /* 将 div 的左边移动到父容器的 50% 位置 */
  transform: translateX(-50%); /* 将 div 向左移动自身宽度的 50% */
}
</style>