feat: add-alibaba-ecosystem-figure (#70)

2025-09-22 20:13:43 +08:00 · 2023-04-06 14:03:24 +08:00
parent 5473d0b0a5
commit 6fb821d798
44 changed files with 223 additions and 4 deletions
--- a/initializer-page/static/ecosystem.html
+++ b/initializer-page/static/ecosystem.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="zh">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link
+      rel="stylesheet"
+      href="https://g.alicdn.com/mamba/assets/0.0.18/mse-arc-ui.min.css"
+    />
+    <link rel="shortcut icon" href="/images/aliyun-icon.png"/>
+    <title>阿里巴巴微服务生态</title>
+  </head>
+  <body>
+    <script src="//g.alicdn.com/mamba/assets/0.0.18/mse-arc-ui.min.js"></script>
+    <section className="msemap-section">
+      <div className="msemap-container" >
+        <div style="display: flex; justify-content: center; align-items: center;" >  
+          <h2 style="text-align: center;">微服务生态全景图</h2>
+          <select id="language-selector" onchange="changeLanguage()" style="margin-left:20px;" >
+            <option value="en">En</option>
+            <option value="zh" selected>中</option></option>
+          </select>
+        </div>
+        <div id="mse-arc-container"></div>
+      </div>
+    </section>
+  </body>
+  <script>
+    function changeLanguage() {
+      var lang = document.getElementById("language-selector").value;
+      if(lang==='en'){
+        window.open('/ecosystem-en.html','_self')
+      }else{
+        window.open('/ecosystem.html','_self')
+      }
+    }
+    </script>
+</html>