ci(component): 初步集成 滑块 和 轮播 组件

This commit is contained in:
就眠仪式
2021-10-15 22:44:10 +08:00
parent b45df1c1c1
commit b083b50111
7 changed files with 82 additions and 10 deletions

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 || 'LayCarousel', Component)
}
export default Component as IDefineComponent

View File

@@ -0,0 +1,31 @@
<template>
<div
class="layui-carousel"
id="test1"
lay-anim=""
lay-indicator="inside"
lay-arrow="always"
style="width: 100%; height: 280px"
>
<div carousel-item="">
<div> </div>
<div> </div>
<div> </div>
<div> </div>
<div class="layui-this"></div>
</div>
<div class="layui-carousel-ind">
<ul>
<li class=""></li>
<li class=""></li>
<li class=""></li>
<li class=""></li>
<li class="layui-this"></li>
</ul>
</div>
<button class="layui-icon layui-carousel-arrow" lay-type="sub"></button
><button class="layui-icon layui-carousel-arrow" lay-type="add"></button>
</div>
</template>
<script setup name="LayCarousel" lang="ts">
</script>