docs: update

klinecharts · May 7, 2024 · ddbb0ef · ddbb0ef
1 parent b9aedeb
commit ddbb0ef
Show file tree

Hide file tree

Showing 9 changed files with 283 additions and 282 deletions.
diff --git a/docs/.vitepress/config/en-US.js b/docs/.vitepress/config/en-US.js
@@ -11,7 +11,7 @@ export default defineConfig({
       { text: 'Docs', link: '/en-US/guide/introduction', activeMatch: 'guide' },
       { text: 'Sample', link: '/en-US/sample/basic', activeMatch: 'sample' },
       { text: 'Preview', link: 'https://preview.klinecharts.com/#en-US' },
-      { text: 'VIP', link: '/en-US/vip' },
+      { text: 'Customize', link: '/en-US/customize' },
       { text: 'Sponsor', link: '/en-US/sponsor' },
       {
         text: 'More',

diff --git a/docs/.vitepress/config/zh-CN.js b/docs/.vitepress/config/zh-CN.js
@@ -6,7 +6,6 @@ export default defineConfig({
   label: '🇨🇳 简体中文',
   lang: 'zh-CN',
   description: '💹📈 可高度自定义的专业级轻量金融图表。',
-  // link: '/',
   themeConfig: {
     nav: [
       {
@@ -16,7 +15,7 @@ export default defineConfig({
       },
       { text: '示例', link: '/sample/basic', activeMatch: 'sample' },
       { text: '预览', link: 'https://preview.klinecharts.com' },
-      { text: 'VIP', link: '/vip' },
+      { text: '定制', link: '/customize' },
       { text: '赞助', link: '/sponsor' },
       {
         text: '更多',

diff --git a/docs/components/Vip.vue b/docs/components/Vip.vue
diff --git a/docs/components/customize/FeatureList.vue b/docs/components/customize/FeatureList.vue
@@ -0,0 +1,41 @@
+<template>
+  <ul
+    class="feature-list">
+    <li v-for="item in props.features">
+        <svg class="feature-list-item-icon" viewBox="0 0 1024 1024">
+        <path d="M512.506025 6.906294c-278.758842 0-505.57773 226.820935-505.57773 505.579777 0 278.797727 226.781026 505.576707 505.57773 505.576707 278.797727 0 505.57773-226.77898 505.57773-505.576707C1018.083755 233.727229 791.303752 6.906294 512.506025 6.906294L512.506025 6.906294zM807.507806 412.036287l-331.285149 334.883093c-0.081864 0.081864-0.246617 0.127913-0.334621 0.25378-0.12075 0.079818-0.12075 0.245593-0.246617 0.328481-2.644223 2.562359-5.915733 4.133134-8.977465 5.876847-1.527796 0.865717-2.771113 2.189875-4.387937 2.808976-4.962012 1.987261-10.213619 3.022847-15.473413 3.022847-5.296633 0-10.631128-1.035586-15.637142-3.105734-1.653663-0.700965-2.980891-2.109034-4.551666-2.978844-3.061732-1.736551-6.244214-3.269463-8.895601-5.872754-0.081864-0.079818-0.125867-0.251733-0.207731-0.333598-0.081864-0.119727-0.245593-0.119727-0.328481-0.246617l-162.930813-167.443593c-15.928784-16.383132-15.555278-42.569538 0.827855-58.499345 16.382109-15.889899 42.531676-15.597233 58.504462 0.827855l133.51076 137.193639L748.712725 353.823468c16.054651-16.257266 42.285059-16.419971 58.505485-0.327458C823.391565 369.5875 823.55427 395.782092 807.507806 412.036287L807.507806 412.036287zM807.507806 412.036287"/>
+      </svg>
+      {{ item }}
+    </li>
+  </ul>
+</template>
+
+<script setup>
+import { onMounted, ref, defineProps } from 'vue'
+
+const props = defineProps(['features'])
+
+</script>
+<style scoped>
+
+.feature-list {
+  display: flex;
+  flex-direction: column;
+  margin: 0;
+  padding: 30px 20px;
+}
+
+.feature-list li {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.feature-list-item-icon {
+  fill: var(--vp-c-indigo-1);
+  width: 16px;
+  height: 16px;
+  margin-right: 12px;
+}
+
+</style>