调整布局

wujingjing

2025-04-02 f3d6bb2013cc61fb62f4521bc97c40d97efebe2c

 src/components/chat/components/playBar/PlayBar.vue

@@ -9,8 +9,30 @@
            </div>
         </div>
      </div>

      <SceneSwitch class="ml-5" :isHome="isHome" @change="groupTypeChange" />
      <div class="flex items-center justify-between mx-6">
         <SceneSwitch :isHome="isHome" @change="groupTypeChange" />
         <div class="flex items-center gap-2">
            <div
               class="flex-items-center gap-1 border border-gray-400 border-solid text-sm px-3 py-1 rounded cursor-pointer"
               :class="[
                  sidebarIsShow
                     ? 'hover:bg-[#1d86ff] hover:text-white'
                     : 'bg-[#1d86ff] text-white hover:bg-[#1d86ff]/80 active:bg-[#1d86ff]/60',
               ]"
               @click="toggleSidebar"
            >
               <span class="ywifont ywicon-lishi"></span>
               <span>历史记录</span>
            </div>
            <div
               class="flex-items-center gap-1 border border-gray-400 border-solid text-sm text-white bg-[#1d86ff] px-3 py-1 rounded cursor-pointer hover:bg-[#1d86ff]/80 active:bg-[#1d86ff]/60"
               @click="newChatRoomClick"
            >
               <span class="ywifont ywicon-jia"></span>
               <span>新建对话</span>
            </div>
         </div>
      </div>
      <div class="playInput hl_input rounded-[22px] input-border input-shadow w-full">
         <!-- 主场景 -->

@@ -182,6 +204,7 @@
import { useCompRef } from '/@/utils/types';
import emitter from '/@/utils/mitt';
import MetricValues from './metricValues/MetricValues.vue';
import { newChatRoomClick, sidebarIsShow, toggleSidebar } from '/@/stores/chatRoom';

import MetricValuesPreview from './metricValues/MetricValuesPreview.vue';