| | |
| | | <span>最近使用</span> |
| | | </p> |
| | | <div class="flex flex-wrap items-center"> |
| | | <div class="list_app" v-for="item in state.recentlyList" :key="item.ID"> |
| | | <div class="list_app" v-for="item in state.recentlyList" :key="item.ID" @click="changeApp(item)"> |
| | | <img :src="item.Icon" alt="" class="w-[20px] h-[20px] mr-[14px]" /> |
| | | <span class="text-[14px] text-[#333f4e]">{{ item.Name }}</span> |
| | | </div> |
| | |
| | | |
| | | <script setup lang="ts"> |
| | | import { reactive } from 'vue'; |
| | | import router from '/@/router'; |
| | | let state = reactive({ |
| | | recentlyList: [ |
| | | { |
| | |
| | | }, |
| | | ], |
| | | }); |
| | | //切换到应用场景详情的事件 |
| | | const changeApp = (item: any) => { |
| | | console.log('🚀 ~ item:', item); |
| | | if (item.ID === 2) { |
| | | router.push({ |
| | | name: 'ScenarioDetails', |
| | | }); |
| | | } |
| | | }; |
| | | </script> |
| | | <style scoped lang="scss"> |
| | | .set-body { |