mirror of
https://gitee.com/beijing_hongye_huicheng/lilishop-ui.git
synced 2026-11-11 03:18:56 +08:00
- buyer(95) / seller(169) / im(53) / manager(280) 共 597 个组件全部从 Options API 转换为 <script setup> - 四端 vuex 全部移除,状态管理统一迁移至 pinia 4(stores/ 目录) - util.js 等基础设施去除 vm 首参依赖;全局属性($Message/$filters 等)在 script 内改为具名导入 - 被外部 ref 访问的公共组件均已补齐 defineExpose(清单见各端 MIGRATION-VUE3.md) - 各端 eslint 启用 vue/component-api-style 防止新代码回退 Options API - 四端 yarn build 全部通过;迁移约定与注意事项已更新至各端 MIGRATION-VUE3.md
42 lines
1.4 KiB
Vue
42 lines
1.4 KiB
Vue
<template>
|
|
<div class="search">
|
|
<el-card>
|
|
<el-tabs v-model="currentTemplate">
|
|
<el-tab-pane
|
|
v-for="(item, index) in templatesWay"
|
|
:key="index"
|
|
:label="item.label"
|
|
:name="item.template"
|
|
>
|
|
<todayHotWords v-if="item.template === 'todayHotWords' && currentTemplate === 'todayHotWords'" />
|
|
<historyHotWords v-if="item.template === 'historyHotWords' && currentTemplate === 'historyHotWords'" />
|
|
<statisticsHotWords
|
|
v-if="item.template === 'statisticsHotWords' && currentTemplate === 'statisticsHotWords'"
|
|
/>
|
|
<setupHotWords v-if="item.template === 'setupHotWords' && currentTemplate === 'setupHotWords'" />
|
|
</el-tab-pane>
|
|
</el-tabs>
|
|
</el-card>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
import { ref } from "vue";
|
|
import todayHotWords from "./template/todayHotWords";
|
|
import historyHotWords from "./template/historyHotWords";
|
|
import setupHotWords from "./template/setupHotWords";
|
|
import statisticsHotWords from "./template/statisticsHotWords";
|
|
|
|
defineOptions({ name: "hotWords" });
|
|
|
|
const templatesWay = ref([
|
|
{ template: "todayHotWords", label: "今日热词" },
|
|
{ template: "historyHotWords", label: "历史热词" },
|
|
{ template: "statisticsHotWords", label: "热词统计" },
|
|
{ template: "setupHotWords", label: "设置热词" },
|
|
]);
|
|
const currentTemplate = ref("todayHotWords");
|
|
</script>
|
|
|
|
<style lang="scss" scoped></style>
|