init

2022-12-09 16:41:41 +08:00
parent c1cce5a7c2
commit ff7aa8774f
2003 changed files with 156639 additions and 140 deletions
--- a/.svn/pristine/71/710ce35bce4fd615533236659811cd30f791fb1b.svn-base
+++ b/.svn/pristine/71/710ce35bce4fd615533236659811cd30f791fb1b.svn-base
@@ -0,0 +1,188 @@
+::: anchor
+:::
+
+::: title 基本介绍
+:::
+
+::: describe 将时间抽象到二维平面，垂直呈现一段从过去到现在的故事。
+:::
+
+::: title 基础使用
+:::
+
+::: demo 使用 `lay-timeline` 与 `lay-timeline-item` 标签, 创建时间线
+
+<template>
+    <lay-timeline>
+        <lay-timeline-item>
+            <template #title>
+              8月18日
+            </template>
+            <p>
+                layui vue 的一切准备工作似乎都已到位。发布之弦，一触即发。
+                <br>不枉近百个日日夜夜与之为伴。因小而大，因弱而强。
+                <br>无论它能走多远，抑或如何支撑？至少我曾倾注全心，无怨无悔 <i class="layui-icon"></i>
+            </p>
+        </lay-timeline-item>
+        <lay-timeline-item title="8月16日">
+            <p>杜甫的思想核心是儒家的仁政思想，他有<em>“致君尧舜上，再使风俗淳”</em>的宏伟抱负。</p>
+            <ul>
+                <li>《登高》</li>
+                <li>《茅屋为秋风所破歌》</li>
+            </ul>
+        </lay-timeline-item>
+        <lay-timeline-item title="8月15日">
+            <p>
+                中国人民抗日战争胜利日
+                <br>铭记、感恩
+                <br>所有为中华民族浴血奋战的英雄将士
+                <br>永垂不朽
+            </p>
+        </lay-timeline-item>
+    </lay-timeline>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    return {
+    }
+  }
+}
+</script>
+
+:::
+
+::: title 简单模式
+:::
+
+::: demo
+
+<template>
+    <lay-timeline>
+        <lay-timeline-item title="2021年，layui vue 里程碑版本 1.0 发布" simple></lay-timeline-item>
+        <lay-timeline-item title="2017年，layui 里程碑版本 2.0 发布" simple></lay-timeline-item>
+        <lay-timeline-item title="2016年，layui 首个版本发布" simple></lay-timeline-item>
+        <lay-timeline-item title="2015年，layui 孵化" simple></lay-timeline-item>
+    </lay-timeline>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    return {
+    }
+  }
+}
+</script>
+
+:::
+
+
+::: title 节点插槽
+:::
+
+::: demo
+
+<template>
+    <lay-timeline>
+        <lay-timeline-item title="2021年，layui vue 里程碑版本 1.0 发布" simple></lay-timeline-item>
+        <lay-timeline-item title="2017年，layui 里程碑版本 2.0 发布" simple></lay-timeline-item>
+        <lay-timeline-item title="2016年，layui 首个版本发布" simple></lay-timeline-item>
+        <lay-timeline-item title="2015年，layui 孵化" simple>
+            <template #dot>
+                <lay-icon type="layui-icon-face-smile" color="red"></lay-icon>
+            </template>
+        </lay-timeline-item>
+    </lay-timeline>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    return {
+    }
+  }
+}
+</script>
+:::
+
+::: title 水平方向
+:::
+
+::: demo
+
+<template>
+    <lay-timeline direction="horizontal">
+        <lay-timeline-item title="2015年" >2015年，layui 孵化</lay-timeline-item>
+        <lay-timeline-item >
+              <template #title>2016年</template> 
+              2016年，layui 首个版本发布
+        </lay-timeline-item>
+        <lay-timeline-item title="2017年" >layui里程碑版本1.0发布</lay-timeline-item>
+        <lay-timeline-item title="2021年" >layui里程碑版本2.0发布</lay-timeline-item>
+    </lay-timeline>
+</template>
+
+<script>
+import { ref } from 'vue'
+
+export default {
+  setup() {
+
+    return {
+    }
+  }
+}
+</script>
+
+:::
+
+::: title Timeline 属性
+:::
+
+::: table
+
+| 属性        | 描述   | 可选值 |
+|-----------|------|-----|
+| direction | 排列方向 | `horizontal` `vertical`  |
+
+:::
+
+::: title Timeline Item 属性
+:::
+
+::: table
+
+| 属性     | 描述   | 可选值 |
+|--------|------|-----|
+| simple | 简单模式 | --  |
+| title  | 标题   | --  |
+
+:::
+
+::: title Timeline Item 插槽
+:::
+
+::: table
+
+| 插槽名 | 描述  |     |
+|-----|-----| --- |
+| dot | 节点  | --  |
+
+:::
+
+::: contributor timeline
+:::
+
+::: previousNext timeline
+:::
--- a/.svn/pristine/71/71335956b16ea8b127716f5614b98ddf0edf4745.svn-base
+++ b/.svn/pristine/71/71335956b16ea8b127716f5614b98ddf0edf4745.svn-base
@@ -0,0 +1,2 @@
+x<01>Sˮ<53>0<10><>_1<5F><31>H!(RW	<09><>v<EFBFBD>E<EFBFBD><45>Ln,<19>lC<12><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>h<EFBFBD>[V0<56>sΜNR<4E>`<60><><EFBFBD><EFBFBD><EFBFBD><EFBFBD>R<EFBFBD>ւ<EFBFBD><D682>;<3B><>Ђ<EFBFBD><D082>U<EFBFBD>B<EFBFBD>g<EFBFBD>I<02><>@<><7F>w<EFBFBD>+<2B>%Ñ<>Yl-y<><18>]<5D><>u<><75><EFBFBD>L4<15>v<12><>G2<47>P<><50><EFBFBD>,V[<5B><0C>Ie
+p֪<06>w<EFBFBD><77><EFBFBD><EFBFBD>o^<5E><>T<EFBFBD>A-<2D>3/}<7D>S<EFBFBD><03><>K<EFBFBD>ք<11><><12><1D>X-<2D><><EFBFBD><1B>8<17><><EFBFBD>d <20>T<EFBFBD><54>ІNWa/?<3F>&q<><71>h><3E><17>f("<22><><EFBFBD><EFBFBD>+<2B>o<><6F>	<09>x&LǦA<C7A6>9UJn`<60>I<>VP<><<3C>Mx}J>Dq<44><71><07><>%<25><>
--- a/.svn/pristine/71/715620e2de5397b3727098d6e999727b30242f44.svn-base
+++ b/.svn/pristine/71/715620e2de5397b3727098d6e999727b30242f44.svn-base
@@ -0,0 +1,16 @@
+<script lang="ts">
+export default {
+  name: "CloseIcon",
+};
+</script>
+<script setup lang="ts">
+import LayIcon from "../component/icon/index";
+
+const props = defineProps<{
+  color?: string;
+  size?: string;
+}>();
+</script>
+<template>
+  <lay-icon :color="props.color" :size="props.size" type="layui-icon-close" />
+</template>
--- a/.svn/pristine/71/71c9d1d160950080905f796c3b00ab47b2be071c.svn-base
+++ b/.svn/pristine/71/71c9d1d160950080905f796c3b00ab47b2be071c.svn-base
@@ -0,0 +1,22 @@
+<fieldset class="layui-elem-field layui-field-title">
+    <legend>问题</legend>
+</fieldset>
+
+直接调用 layer 的方法，组件会通过 Vue.render 动态创建新的 Vue 实体。其 context 与当前代码所在 context 并不相同，因而无法获取 context 信息。
+
+当你需要 context 信息（例如使用全局注册的组件）时，可以通过 appContext 属性传递当前组件 context。
+
+```
+import { getCurrentInstance, ref } from 'vue';
+import { layer } from "@layui/layer-vue";
+
+const appContext = getCurrentInstance().appContext;
+
+const title = ref("标题")
+
+layer.open({
+    title: () => title.value,
+    content: h("children"),
+    appContext: appContext
+})
+```
--- a/.svn/pristine/71/71e4981a70aa87013bbd53ccd8c6de7fbe7943e9.svn-base
+++ b/.svn/pristine/71/71e4981a70aa87013bbd53ccd8c6de7fbe7943e9.svn-base
@@ -0,0 +1,2 @@
+x}<7D>;<0F>0<0C><><EFBFBD>+<<3C><><EFBFBD>T<><54>6$<0B><>4"ܤʣ<01><><EFBFBD>/!<21>f<EFBFBD><66><EFBFBD><EFBFBD>Μ4<CE9C><34>b><3E>G<EFBFBD><47><03>91<39><31><EFBFBD>%<25>	swb<77><62><18>+<2B><>Hu<48>w+<2B>Y<EFBFBD><59>M/Z<>(MZ<4D>Tͅ<>p簀W<02>U<EFBFBD><55>^<5E>'<27><><EFBFBD>G
+C<EFBFBD><EFBFBD><EFBFBD><EFBFBD>^<5E><>fKH<4B>8<EFBFBD><08>\kB<6B><1A><><EFBFBD>dI<64><49><EFBFBD><EFBFBD><EFBFBD>J[<5B>a[ll<6C><6C>cծ]<5D>S<EFBFBD>vs<76><73><EFBFBD><EFBFBD>7YB<59><42>H<EFBFBD>A<EFBFBD><41><EFBFBD><EFBFBD>0<EFBFBD><30><EFBFBD>0ЋW
--- a/.svn/pristine/71/71f06d4f9a127d83a47588a2ec73656e341d34db.svn-base
+++ b/.svn/pristine/71/71f06d4f9a127d83a47588a2ec73656e341d34db.svn-base