diff --git a/app/.vitepress/src/views/brand/TheBrand.vue b/app/.vitepress/src/views/brand/TheBrand.vue index 0e5006b969830e042101ebc5d96789f904b49551..e1e1c8e0d143ca96c90a95ef096bd54e117f8637 100644 --- a/app/.vitepress/src/views/brand/TheBrand.vue +++ b/app/.vitepress/src/views/brand/TheBrand.vue @@ -41,6 +41,7 @@ const initList = () => { for (let i = 0; i < imageList.length; i++) { const temp = { + id: i, name: cndata.PICTURE_TITLE[i], url: imageList[i], image: cndata[nameList[i]], @@ -67,15 +68,15 @@ list.value = initList();

{{ i18n.brand.WORDS }}

- +
{{ item.name }}
{{ i18n.brand.PPT_TEXT }}
diff --git a/app/.vitepress/src/views/download/MapContainer.vue b/app/.vitepress/src/views/download/MapContainer.vue new file mode 100644 index 0000000000000000000000000000000000000000..0a8f120284c6da0320b46570c4b74d69b2f598eb --- /dev/null +++ b/app/.vitepress/src/views/download/MapContainer.vue @@ -0,0 +1,74 @@ + + + + + diff --git a/app/.vitepress/src/views/download/TheDownload.vue b/app/.vitepress/src/views/download/TheDownload.vue index ba422b043b16b3c8bb67069b6e30905404e92027..6177ba8128ce6c474e0e63631ea2f70d6017ec61 100644 --- a/app/.vitepress/src/views/download/TheDownload.vue +++ b/app/.vitepress/src/views/download/TheDownload.vue @@ -169,7 +169,7 @@ onMounted(() => { >
{{ item }}
@@ -267,7 +267,7 @@ onMounted(() => {
diff --git a/app/.vitepress/src/views/download/TheMirList.vue b/app/.vitepress/src/views/download/TheMirList.vue index a5ed13feadf842acdc5fd709f1a386ff3c8f8d9f..8ff6e3e502fbbcf961d48ef2b420d6b45cc3f051 100644 --- a/app/.vitepress/src/views/download/TheMirList.vue +++ b/app/.vitepress/src/views/download/TheMirList.vue @@ -7,9 +7,14 @@ import BannerLevel3 from '@/components/BannerLevel3.vue'; import banner from '@/assets/banner-secondary.png'; import { useData } from 'vitepress'; import useWindowResize from '@/components/hooks/useWindowResize'; +import MapContainer from './MapContainer.vue'; const { theme: i18n } = useData(); - +interface MapMsg { + name: string; + latitude: number; + longitude: number; +} interface MirrorMsg { name: string; location?: string; @@ -27,6 +32,8 @@ const screenWidth = useWindowResize(); const tableData: Ref = ref([]); +const mapData: Ref = ref([]); + const inputDom: Ref = ref(null); const initTable = (data: any[]) => { @@ -69,6 +76,26 @@ const initTable = (data: any[]) => { result = [...asData, ...euData]; return result; }; + +const initMap = (data: any[]) => { + const result: MapMsg[] = []; + data.forEach((item) => { + const itemObj: MapMsg = { + name: '', + latitude: 0, + longitude: 0, + }; + + itemObj.name = item.Name; + itemObj.longitude = item.Longitude; + itemObj.latitude = item.Latitude; + + result.push(itemObj); + }); + + return result; +}; + const tableRowClassName = ({ row }: any) => { if (row.area) { return 'mirror-list-area'; @@ -87,7 +114,6 @@ const copyText = (value: string | undefined) => { type: 'success', }); }; - const listData = computed(() => { return tableData.value.filter((item) => typeof item.area === 'undefined'); }); @@ -96,6 +122,7 @@ onMounted(async () => { try { const responeData = await getAllMirror(); tableData.value = initTable(responeData); + mapData.value = initMap(responeData); } catch (e: any) { throw new Error(e); } @@ -115,7 +142,7 @@ onMounted(async () => { {{ i18n.download.MIRROR_ALL.CONTENT[1] }}
.

- { width="260" > - +
- +
{{ i18n.download.MIRROR_ALL.NAME }} @@ -235,70 +262,23 @@ onMounted(async () => {
+
+ +
+
- - - - diff --git a/app/.vitepress/src/views/home/HomePlayground.vue b/app/.vitepress/src/views/home/HomePlayground.vue index 8e4ab0240522abbde91227b05b5e5f6fbe048a7b..020d7dc4993ae1e1e5099bf36df36647702a1b60 100644 --- a/app/.vitepress/src/views/home/HomePlayground.vue +++ b/app/.vitepress/src/views/home/HomePlayground.vue @@ -12,14 +12,15 @@ const codingData = [ ]; const { theme: i18n } = useData(); const textBlock = ref(false); -const observe = new IntersectionObserver((res) => { - if (res[0].intersectionRatio <= 0) return; - textBlock.value = false; - nextTick(() => { - textBlock.value = true; - }); -}); + onMounted(() => { + const observe = new IntersectionObserver((res) => { + if (res[0].intersectionRatio <= 0) return; + textBlock.value = false; + nextTick(() => { + textBlock.value = true; + }); + }); playground.value && observe.observe(playground.value); }); diff --git a/app/.vitepress/src/views/home/TheHome.vue b/app/.vitepress/src/views/home/TheHome.vue index 0d555f4af96b02faaac963818537ccd661bd311e..73ed6a6bafa322a95e1e3161df0bbd9931598032 100644 --- a/app/.vitepress/src/views/home/TheHome.vue +++ b/app/.vitepress/src/views/home/TheHome.vue @@ -7,6 +7,7 @@ import HomePlayground from './HomePlayground.vue'; import HomeNav from './HomeNav.vue'; import PublishLink from './PublishLink.vue'; import SourceLink from './SourceLink.vue'; +import HomeNews from './HomeNews.vue'; - + diff --git a/app/.vitepress/src/views/home/UserCase.vue b/app/.vitepress/src/views/home/UserCase.vue index ae97fadbb35685eea9dc233bd84241e30373a543..b3aff1eb6ca80a4bc08e08c06c6cf293c667851a 100644 --- a/app/.vitepress/src/views/home/UserCase.vue +++ b/app/.vitepress/src/views/home/UserCase.vue @@ -80,7 +80,7 @@ onMounted(() => { > @@ -105,9 +105,8 @@ onMounted(() => {
{{ user.company }}
@@ -121,7 +120,7 @@ onMounted(() => {
@@ -142,9 +141,9 @@ onMounted(() => {
diff --git a/app/.vitepress/src/views/other/projects/components/DocsList.vue b/app/.vitepress/src/views/other/projects/components/DocsList.vue index 77df4b28115cdade731772fb907aaffff6e36069..b1b518bcd66f2d951752019187b72f91a74558c6 100644 --- a/app/.vitepress/src/views/other/projects/components/DocsList.vue +++ b/app/.vitepress/src/views/other/projects/components/DocsList.vue @@ -37,12 +37,12 @@ const goLink = (path: string) => {
{{ item.DESC }}