[新增] scroll 组件

This commit is contained in:
就眠仪式 2021-10-03 00:01:14 +08:00
parent ff9ddb6a86
commit 895bed093c
4 changed files with 21 additions and 17 deletions

View File

@ -2,28 +2,13 @@
<template> <template>
<lay-timeline> <lay-timeline>
<lay-timeline-item title="8月18日"> <lay-timeline-item title="0.0.8">
<p> <p>
layui 2.0 的一切准备工作似乎都已到位。发布之弦,一触即发。 layui 2.0 的一切准备工作似乎都已到位。发布之弦,一触即发。
<br>不枉近百个日日夜夜与之为伴。因小而大,因弱而强。 <br>不枉近百个日日夜夜与之为伴。因小而大,因弱而强。
<br>无论它能走多远,抑或如何支撑?至少我曾倾注全心,无怨无悔 <i class="layui-icon"></i> <br>无论它能走多远,抑或如何支撑?至少我曾倾注全心,无怨无悔 <i class="layui-icon"></i>
</p> </p>
</lay-timeline-item> </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> </lay-timeline>
</template> </template>

View File

@ -40,6 +40,7 @@ import LayBreadcrumb from './module/breadcrumb/index'
import LayBreadcrumbItem from './module/breadcrumbItem/index' import LayBreadcrumbItem from './module/breadcrumbItem/index'
import LayField from './module/field/index' import LayField from './module/field/index'
import LaySelect from './module/select/index' import LaySelect from './module/select/index'
import LayScroll from './module/scroll/index'
const components: Record<string, IDefineComponent> = { const components: Record<string, IDefineComponent> = {
LayRadio, LayRadio,
@ -78,7 +79,8 @@ const components: Record<string, IDefineComponent> = {
LayBreadcrumbItem, LayBreadcrumbItem,
LayAvatar, LayAvatar,
LayField, LayField,
LaySelect LaySelect,
LayScroll
} }
const install = (app: App, options?: InstallOptions): void => { const install = (app: App, options?: InstallOptions): void => {
@ -131,6 +133,7 @@ export {
LayAvatar, LayAvatar,
LayField, LayField,
LaySelect, LaySelect,
LayScroll,
install, install,
} }

View File

@ -0,0 +1,9 @@
import type { App } from 'vue'
import Component from './index.vue'
import type { IDefineComponent } from '../type/index'
Component.install = (app: App) => {
app.component(Component.name || 'LayScroll', Component)
}
export default Component as IDefineComponent

View File

@ -0,0 +1,7 @@
<template>
<div class="layui-side-scroll"></div>
</template>
<script setup name="LayScroll" lang="ts">
</script>