theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(slider): 初步集成 slider 滑块组件

Browse Source
This commit is contained in:
就眠仪式
2021-10-15 17:50:50 +08:00
parent 46c378ba48
commit b45df1c1c1
15 changed files with 135 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
src/module/slider/index.vue Normal file
View File

@@ -0,0 +1,38 @@
<template>
<div class="layui-slider layui-slider-vertical" style="height: 200px" v-if="vertical">
<div class="layui-slider-tips"></div>
<div
class="layui-slider-bar"
style="background: #009688; height: 0%; bottom: 0"
></div>
<div class="layui-slider-wrap" style="bottom: 0%">
<div
class="layui-slider-wrap-btn"
style="border: 2px solid #009688"
></div>
</div>
</div>
<div class="layui-slider" v-else>
<div class="layui-slider-tips"></div>
<div
class="layui-slider-bar"
style="background: #009688; width: 0%; left: 0"
></div>
<div class="layui-slider-wrap" style="left: 0%">
<div
class="layui-slider-wrap-btn"
style="border: 2px solid #009688"
></div>
</div>
</div>
</template>
<script setup name="LaySlider" lang="ts">
import { defineProps } from 'vue'
const props =
defineProps<{
vertical?: boolean
}>()
</script>