| | |
| | | </div> |
| | | <div class="main"> |
| | | <el-carousel height="80" :interval="6000" indicator-position="none" v-show="!state.isShowExample"> |
| | | <el-carousel-item v-for="(group,index) in state.m_groupArr" :key="index" class="set-carousel-item"> |
| | | <el-carousel-item v-for="(group, index) in state.m_groupArr" :key="index" class="set-carousel-item"> |
| | | <div |
| | | class="main_item flex items-center cursor-pointer" |
| | | v-for="(item, index) in group" |
| | |
| | | </el-carousel-item> |
| | | </el-carousel> |
| | | <el-carousel height="80" :interval="6000" indicator-position="none" v-show="state.isShowExample"> |
| | | <el-carousel-item v-for="(group,index) in state.m_groupArr" :key="index" class="set-carousel-item"> |
| | | <el-carousel-item v-for="(group, index) in state.m_groupArr" :key="index" class="set-carousel-item"> |
| | | <div |
| | | class="main_item flex items-center cursor-pointer" |
| | | v-for="(item, index) in group" |
| | |
| | | </template> |
| | | |
| | | <script setup lang="ts"> |
| | | import { computed, onMounted, reactive, ref } from 'vue'; |
| | | import { onMounted, reactive, ref } from 'vue'; |
| | | import { getSelectSample } from '/@/api/ai/chat'; |
| | | import { activeRoomId, activeSampleId, activeSectionAId, setRoomConfig } from '/@/stores/chatRoom'; |
| | | let state = reactive({ |
| | |
| | | onMounted(() => { |
| | | getSelectListSample(); |
| | | }); |
| | | |
| | | |
| | | const initGroupedArr = () => { |
| | | const groups = []; |
| | |
| | | width: calc(50% - 16px); |
| | | margin: 8px; |
| | | padding: 12px; |
| | | height: 84px; |
| | | border: 1px solid #d9dbde; |
| | | border-radius: 5px; |
| | | background-color: transparent; |