hooks module replace ecology

example/src/view/component.vue

@@ -332,6 +332,12 @@ export default {
         id: 1,
         title: '反馈',
         children: [
+          {
+            id: 90,
+            title: '简介',
+            subTitle: 'layer',
+            path: '/zh-CN/components/layer',
+          },
           {
             id: 90,
             title: '弹层',

example/src/view/ecology.vue

@@ -0,0 +1,58 @@
+<template>
+  <div
+    style="margin-top: 60px; height: 100%; width: 80%"
+    class="layui-container"
+  >
+    <blockquote class="layui-elem-quote layui-text" style="margin: 30px 0">
+      尽管 layui 中包含了这些组件，但因为它们受众群体广泛或应用广泛，特从 layui
+      中抽取出来个副本，可独立引用。我们也会对它们进行同步维护。
+    </blockquote>
+    <fieldset class="layui-elem-field layui-field-title">
+      <legend style="margin-bottom: 20px; text-align: center">独立组件</legend>
+      <div class="layui-field-box">
+        <ul class="layui-row layui-col-space6">
+          <li class="layui-col-sm12">
+            <div class="alone">
+              <a href="https://gitee.com/layui-vue/layer-vue" target="_blank"
+                >layer - vue<cite>layer vue is a web elastic layer component</cite></a
+              >
+            </div>
+          </li>
+          <li class="layui-col-sm12">
+            <div class="alone">
+              <a href="https://gitee.com/layui-vue/icons-vue" target="_blank"
+                >icons - vue<cite>the abstract trees of the layui iconfont icons.</cite></a
+              >
+            </div>
+          </li>
+        </ul>
+      </div>
+    </fieldset>
+  </div>
+</template>
+
+<style>
+.alone {
+  text-align: center;
+  background-color: #009688;
+  color: #fff;
+  font-weight: 300;
+  transition: all 0.3s;
+  -webkit-transition: all 0.3s;
+}
+.alone:hover a {
+  color: white !important;
+  background-color: #5fb878;
+}
+.alone a {
+  display: block;
+  padding: 50px 20px;
+  color: #fff;
+  font-size: 30px;
+}
+.alone a cite {
+  display: block;
+  padding-top: 10px;
+  font-size: 14px;
+}
+</style>

example/src/view/index.vue

@@ -23,12 +23,12 @@
         <div class="site-download">
           <router-link
             class="layui-inline site-down"
-            to="/zh-CN/guide/getStarted"
+            to="/zh-CN/guide"
             >Get Started</router-link
           >
         </div>
         <div class="site-version">
-          <span>当前版本：v<cite class="site-showv">0.2.7</cite></span>
+          <span>当前版本：v<cite class="site-showv">0.2.8</cite></span>
           <span
             ><router-link
               class="layui-inline site-down"