feat: 物料市场

example/docs/zh-CN/components/timeline.md

@@ -7,6 +7,26 @@
 ::: describe 将时间抽象到二维平面，垂直呈现一段从过去到现在的故事。
 :::
 
+我听见火焰在撕裂身后的一切
+
+在密不透光的夹缝中
+
+我们从时间的手里寻找平衡
+
+从虚妄的感知里寻找意义
+
+最终一无所获
+
+所以痛苦和欢乐并无差别
+
+日升月落 晨昏交替
+
+我们在巨大的洪流里
+
+只有此刻
+
+永远无法捕捉的 此刻
+
 ::: title 基础使用
 :::
 
@@ -16,7 +36,7 @@
     <lay-timeline>
         <lay-timeline-item title="8月18日">
             <p>
-                layui 2.0 的一切准备工作似乎都已到位。发布之弦，一触即发。
+                layui vue 的一切准备工作似乎都已到位。发布之弦，一触即发。
                 <br>不枉近百个日日夜夜与之为伴。因小而大，因弱而强。
                 <br>无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔 <i class="layui-icon"></i>
             </p>

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>

src/component/fullscreen/index.vue

@@ -119,6 +119,7 @@ async function enter(targetEl: HTMLElement | undefined) {
   if (props.immersive) {
     // @ts-ignore
     fullscreenEnter = Promise.resolve(
+      // @ts-ignore
       targetEl[fullscreenAPI.requestFullscreen]()
     );
   } else {