doc: add next site nav

site/index.html

@@ -63,25 +63,23 @@
       gtag('config', 'UA-151755889-1');
     </script>
     <script type="text/javascript" src="https://cdn.wwads.cn/js/makemoney.js" async></script>
-    <div
+    <!-- <div
       class="surveybyantdv"
       data-sf-id="63ad5912f3e10066"
       data-sf-mode="popover"
-      data-sf-button-color="#1890ff"
+      data-sf-button-color="#3a3939"
       data-sf-text-color="#ffffff"
-      data-sf-font-size="18"
-      data-sf-button-text=""
-      data-sf-button-radius="50%"
-      data-sf-button-icon="like-outlined"
+      data-sf-button-radius="50"
+      data-sf-button-icon="form-outlined"
       data-sf-default-open="false"
       data-sf-allow-repeat-submit="true"
       data-sf-close-after-submit="false"
       data-sf-hide-after-submit="false"
       data-sf-delay-visible="false"
-      data-sf-width="350px"
-      data-sf-height="450px"
       data-sf-preload="true"
+      data-sf-width="368px"
+      data-sf-height="407px"
     ></div>
-    <script async src="//aliyuncdn.antdv.com/form/static/embed/v1.js"></script>
+    <script async src="https://aliyuncdn.antdv.com/form/static/embed/runtime.js"></script> -->
   </body>
 </html>

site/src/components/surelyVue.vue

@@ -1,19 +1,38 @@
 <template>
-  <a href="https://www.surely.cool/" target="_blank">
-    <div :class="cls">
-      <div class="logo">
-        <img height="80" src="https://www.surely.cool/surely-vue-logo.png" alt="" />
-      </div>
-      <div class="desc">
-        <div class="title">Surely Vue</div>
-        <div class="sub-title">
-          构建更快的网站
-          <br />
-          更快的构建网站
+  <div class="container">
+    <a-carousel autoplay>
+      <a style="display: inline-block" href="https://form.antdv.com/" target="_blank">
+        <div :class="cls">
+          <div class="logo">
+            <img height="80" src="https://aliyuncdn.antdv.com/form/static/logo-blue.png" alt="" />
+          </div>
+          <div class="desc">
+            <!-- <div class="title">Surely Form</div> -->
+            <div class="sub-title">
+              <strong>雪梨表单、为您定制</strong>
+              <br />
+              专属的调研，投票、NPS、报名等系统
+            </div>
+          </div>
         </div>
-      </div>
-    </div>
-  </a>
+      </a>
+      <a style="display: inline-block" href="https://www.surely.cool/" target="_blank">
+        <div :class="cls">
+          <div class="logo">
+            <img height="80" src="https://www.surely.cool/surely-vue-logo.png" alt="" />
+          </div>
+          <div class="desc">
+            <div class="title">Surely Table</div>
+            <div class="sub-title">
+              构建更快的网站
+              <br />
+              更快的构建网站
+            </div>
+          </div>
+        </div>
+      </a>
+    </a-carousel>
+  </div>
   <div class="placeholder"></div>
 </template>
 <script lang="ts">
@@ -34,23 +53,33 @@ export default defineComponent({
 });
 </script>
 <style scoped>
-.wrap {
-  display: flex;
-  background-color: #f4f8fa;
-  padding: 10px 30px;
+.container {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 9;
   width: 100%;
   height: 100px;
+}
+.wrap {
+  display: flex;
+  background-color: #f4f8fa;
+  padding: 8px 16px;
+  width: 100%;
+  height: 100px;
   overflow: hidden;
 }
+.logo {
+  width: 80px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
 .placeholder {
   height: 100px;
 }
 .desc {
-  margin-left: 20px;
+  margin-left: 16px;
   overflow: hidden;
   color: rgba(0, 0, 0, 0.85);
   font-family: Avenir, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',

site/src/layouts/header/Menu.vue

@@ -12,6 +12,7 @@
       :default-value="antdVersion"
     >
       <a-select-option :value="antdVersion">{{ antdVersion }}</a-select-option>
+      <a-select-option value="next" @click="changeVersion('next')">4.x (Next)</a-select-option>
       <a-select-option value="2.x" @click="changeVersion('2x')">
         2.x (Not Recommended)
       </a-select-option>

site/src/layouts/header/index.vue

@@ -1,6 +1,6 @@
 <template>
   <header id="header" :class="headerClassName">
-    <div v-if="visibleAdblockBanner" class="adblock-banner">
+    <!-- <div v-if="visibleAdblockBanner" class="adblock-banner">
       <template v-if="isZhCN">
         我们检测到你可能使用了 AdBlock 或 Adblock
         Plus，它会影响到正常功能的使用（如复制、展开代码等）。
@@ -15,9 +15,9 @@
       </template>
 
       <CloseOutlined class="close-icon" @click="visibleAdblockBanner = false" />
-    </div>
+    </div> -->
     <div v-if="visibleAlertBanner && isZhCN" class="alert-banner">
-      Surely Form 1.0 发布，快速搭建在线问卷，无缝嵌入各种系统，限时限量加群，记得扫码哦
+      Surely Form 2.0 发布，快速定制自己的问卷平台 &nbsp;&nbsp;
       <a href="https://form.antdv.com">立即体验</a>
 
       <CloseOutlined class="close-icon" @click="visibleAlertBanner = false" />
@@ -128,10 +128,10 @@ export default defineComponent({
     watch(globalConfig?.blocked, val => {
       visibleAdblockBanner.value = val;
     });
-    const visibleAlertBanner = ref(!localStorage.getItem('surelyform'));
+    const visibleAlertBanner = ref(!localStorage.getItem('surelyform_v2'));
     watch(visibleAlertBanner, () => {
       if (!visibleAlertBanner.value) {
-        localStorage.setItem('surelyform', version);
+        localStorage.setItem('surelyform_v2', version);
       }
     });
     return {

site/src/main.js

@@ -57,3 +57,14 @@ app.use(i18n);
 app.config.globalProperties.$i18n = i18n;
 
 app.mount('#app');
+
+// setTimeout(() => {
+//   const clicked = localStorage.getItem('surveybyantdv_22_03_14');
+//   if (!clicked) {
+//     const btn = document.getElementsByClassName('surveybyantdv-launch-button')?.[0];
+//     if (btn) {
+//       btn.click();
+//       localStorage.setItem('surveybyantdv_22_03_14', true);
+//     }
+//   }
+// }, 3000);