添加标识线页面

Author: Linho1219

src/editor/annotaions.vue

@@ -0,0 +1,15 @@
+<template>
+  <s-scroll-view>
+    <div class="plot-data add-data">
+      <s-icon name="add" />
+      {{ t("buttons.add") }}
+      <s-ripple attached></s-ripple>
+    </div>
+    <s-empty>{{ t("title.inDev") }}</s-empty>
+  </s-scroll-view>
+</template>
+
+<script setup lang="ts">
+import { useI18n } from "vue-i18n";
+const { t } = useI18n();
+</script>

src/editor/index.vue

@@ -21,7 +21,9 @@ const { t } = useI18n();
 
 import ImportBtn from "./import.vue";
 import DatumList from "./datumList.vue";
+import AnnotaionList from "./annotaions.vue";
 import GraphOptions from "./options.vue";
+
 import OutputDrawer from "./output.vue";
 
 import { computed, ref, watch } from "vue";
@@ -30,6 +32,7 @@ const currentTabIndex = computed(() => Number(currentTab.value));
 const transitionName = ref("");
 const tabs = [
   { caption: "title.functions", component: DatumList },
+  { caption: "title.annotaions", component: AnnotaionList },
   { caption: "title.graphOptions", component: GraphOptions },
 ];
 watch(currentTabIndex, (newVal, oldVal) => {

src/editor/options.vue

@@ -1,7 +1,6 @@
 <template>
   <s-scroll-view>
     <div id="options">
-
       <s-divider>{{ t("title.global") }}</s-divider>
 
       <div class="option">
@@ -56,7 +55,7 @@
 
 <script setup lang="ts">
 import { useI18n } from "vue-i18n";
-const { t ,locale} = useI18n();
+const { t, locale } = useI18n();
 </script>
 
 <style>

src/i18n.ts

@@ -53,7 +53,7 @@ export default {
       },
       inputs: {
         fnType: "图形类型",
-        graphType: "渲染方式",
+        graphType: "绘制方式",
         fn: "函数",
         range: "范围",
         color: "颜色",
@@ -79,12 +79,13 @@ export default {
         deleteSuccess: "已删除",
         moreOptions: "更多选项",
         copyFail: "复制失败",
-        functions: "函数列表",
-        graphOptions: "图形选项",
+        functions: "图线列表",
+        graphOptions: "绘制选项",
         inDev: "开发中",
         global: "全局",
         horizontal: "横轴",
         vertical: "纵轴",
+        annotaions: "标线列表",
       },
     },
     "en-US": {
@@ -154,6 +155,7 @@ export default {
         global: "Global",
         horizontal: "Horizontal Axis",
         vertical: "Vertical Axis",
+        annotaions: "Annotation list",
       },
     },
   },