[新增] scroll 组件
This commit is contained in:
parent
ff9ddb6a86
commit
895bed093c
@ -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>
|
||||||
|
|
||||||
|
@ -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,
|
||||||
}
|
}
|
||||||
|
|
||||||
|
9
src/module/scroll/index.ts
Normal file
9
src/module/scroll/index.ts
Normal 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
|
7
src/module/scroll/index.vue
Normal file
7
src/module/scroll/index.vue
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
<template>
|
||||||
|
<div class="layui-side-scroll"></div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup name="LayScroll" lang="ts">
|
||||||
|
|
||||||
|
</script>
|
Loading…
x
Reference in New Issue
Block a user