docs: 📝 完善注释
This commit is contained in:
@@ -4,6 +4,7 @@
|
|||||||
*
|
*
|
||||||
* 开源协议:https://opensource.org/licenses/MIT
|
* 开源协议:https://opensource.org/licenses/MIT
|
||||||
* 项目地址:https://gitee.com/youlaiorg/vue3-element-admin
|
* 项目地址:https://gitee.com/youlaiorg/vue3-element-admin
|
||||||
|
* 参考:https://echarts.apache.org/handbook/zh/basics/import/#%E6%8C%89%E9%9C%80%E5%BC%95%E5%85%A5-echarts-%E5%9B%BE%E8%A1%A8%E5%92%8C%E7%BB%84%E4%BB%B6
|
||||||
*
|
*
|
||||||
* 在使用时,请保留此注释,感谢您对开源的支持!
|
* 在使用时,请保留此注释,感谢您对开源的支持!
|
||||||
-->
|
-->
|
||||||
@@ -13,10 +14,14 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
|
// 引入 echarts 核心模块,核心模块提供了 echarts 使用必须要的接口。
|
||||||
import * as echarts from "echarts/core";
|
import * as echarts from "echarts/core";
|
||||||
import { CanvasRenderer } from "echarts/renderers";
|
// 引入柱状、折线和饼图常用图表
|
||||||
import { BarChart, LineChart, PieChart } from "echarts/charts";
|
import { BarChart, LineChart, PieChart } from "echarts/charts";
|
||||||
|
// 引入标题,提示框,直角坐标系,数据集,内置数据转换器组件,
|
||||||
import { GridComponent, TooltipComponent, LegendComponent } from "echarts/components";
|
import { GridComponent, TooltipComponent, LegendComponent } from "echarts/components";
|
||||||
|
// 引入 Canvas 渲染器,注意引入 CanvasRenderer 或者 SVGRenderer 是必须的一步
|
||||||
|
import { CanvasRenderer } from "echarts/renderers";
|
||||||
|
|
||||||
import { useResizeObserver } from "@vueuse/core";
|
import { useResizeObserver } from "@vueuse/core";
|
||||||
|
|
||||||
|
|||||||
@@ -1,8 +1,6 @@
|
|||||||
<template>
|
<template>
|
||||||
<el-dropdown trigger="click" @command="handleLanguageChange">
|
<el-dropdown trigger="click" @command="handleLanguageChange">
|
||||||
<div>
|
<div class="i-svg:language" />
|
||||||
<div class="i-svg:language" />
|
|
||||||
</div>
|
|
||||||
<template #dropdown>
|
<template #dropdown>
|
||||||
<el-dropdown-menu>
|
<el-dropdown-menu>
|
||||||
<el-dropdown-item
|
<el-dropdown-item
|
||||||
@@ -19,7 +17,6 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import { useI18n } from "vue-i18n";
|
|
||||||
import { useAppStore } from "@/store/modules/app";
|
import { useAppStore } from "@/store/modules/app";
|
||||||
import { LanguageEnum } from "@/enums/LanguageEnum";
|
import { LanguageEnum } from "@/enums/LanguageEnum";
|
||||||
|
|
||||||
@@ -38,6 +35,11 @@ const langOptions = [
|
|||||||
const appStore = useAppStore();
|
const appStore = useAppStore();
|
||||||
const { locale, t } = useI18n();
|
const { locale, t } = useI18n();
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 处理语言切换
|
||||||
|
*
|
||||||
|
* @param lang 语言(zh-cn、en)
|
||||||
|
*/
|
||||||
function handleLanguageChange(lang: string) {
|
function handleLanguageChange(lang: string) {
|
||||||
locale.value = lang;
|
locale.value = lang;
|
||||||
appStore.changeLanguage(lang);
|
appStore.changeLanguage(lang);
|
||||||
|
|||||||
@@ -1,4 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
|
<!-- 菜单图标 -->
|
||||||
<template v-if="icon">
|
<template v-if="icon">
|
||||||
<el-icon v-if="isElIcon" class="el-icon">
|
<el-icon v-if="isElIcon" class="el-icon">
|
||||||
<component :is="iconComponent" />
|
<component :is="iconComponent" />
|
||||||
|
|||||||
Reference in New Issue
Block a user