feat: 物料市场

example/src/layouts/Layout.vue

@@ -25,6 +25,9 @@
           <li class="layui-nav-item">
             <router-link to="/zh-CN/environment"> {{ t('nav.environment') }} </router-link>
           </li>
+          <li class="layui-nav-item">
+            <router-link to="/zh-CN/material"> {{ t('nav.material') }} </router-link>
+          </li>
           <li class="layui-nav-item">
             <lay-form>
               <lay-search :datas="menus" />

example/src/locales/en_US.ts

@@ -3,6 +3,7 @@ export default {
         home:"Home",
         guide: "Guide",
         components: "Components",
-        environment: "Environment"
+        environment: "Environment",
+        material: "Material"
     }
 }

example/src/locales/zh_CN.ts

@@ -3,6 +3,7 @@ export default {
         home:"首页",
         guide: "指南",
         components: "组件",
-        environment: "生态"
+        environment: "生态",
+        material: "物料"
     }
 }

example/src/router/zh-CN.ts

@@ -4,7 +4,7 @@ import Hooks from "../view/hooks.vue";
 import Guide from "../view/guide.vue";
 import Index from "../view/index.vue";
 import Environment from "../view/environment.vue";
-
+import Material from "../view/material.vue";
 const zhCN = [
   {
     path: "/",
@@ -22,6 +22,11 @@ const zhCN = [
         component: Environment,
         meta: { title: "生态" },
       },
+      {
+        path: "/zh-CN/material",
+        component: Material,
+        meta: { title: "物料" },
+      },
       {
         path: "/zh-CN/guide",
         redirect: "/zh-CN/guide/introduce",
@@ -62,7 +67,7 @@ const zhCN = [
             path: "/zh-CN/guide/locale",
             component: () => import("../../docs/zh-CN/guide/locale.md"),
             meta: { title: "语言" },
-          }
+          },
         ],
       },
       {
@@ -343,11 +348,12 @@ const zhCN = [
           },
           {
             path: "/zh-CN/components/fullscreen",
-            component: () => import("../../docs/zh-CN/components/fullscreen.md"),
+            component: () =>
+              import("../../docs/zh-CN/components/fullscreen.md"),
             meta: { title: "结果" },
           },
         ],
-      }
+      },
     ],
   },
 ];

example/src/view/material.vue

@@ -0,0 +1,36 @@
+<template>
+  <div class="alone-banner layui-bg-black">
+    <div class="layui-main">
+      <h1>物 料 市 场</h1>
+      <p class="layui-hide-xs">
+        让 轮 子 产 生 价 值
+      </p>
+    </div>
+  </div>
+</template>
+
+<script>
+</script>
+
+<style>
+.alone-banner {
+    margin-top: 60px;
+    height: 190px;
+    text-align: center;
+    font-weight: 300;
+    background-color: #009688;
+    color: #fff;
+}
+.alone-banner h1 {
+    padding-top: 60px;
+    line-height: 32px;
+    font-size: 30px;
+    font-weight: 300;
+    color: white!important;
+}
+.alone-banner p {
+    padding-top: 20px;
+    color: #e2e2e2;
+    color: rgba(255,255,255,.8);
+}
+</style>