LayUI中的内置模块之滑块文档 - layui.slider

最新推荐文章于 2023-06-27 23:14:20 发布

daimeijin

最新推荐文章于 2023-06-27 23:14:20 发布

阅读量2.1k

点赞数

分类专栏： LayUI 文章标签： layui

本文链接：https://blog.csdn.net/daimeijin/article/details/119703738

版权

本文档主要介绍了LayUI中的滑块组件（layui.slider），包括快速使用方法、基础参数设置、自定义提示文本、数值改变的回调功能以及实例方法。适合后台开发者学习前端框架时参考。

摘要由CSDN通过智能技术生成

前言

最近在准备找工作的事项，但是作为一个后台也是需要了解一些前端框架的。就目前的来说有大火的VUE，但是VUE还是存在一定的学习成本，所以决定先从对后台友好的LayUI开始入手先做一些小项目练练手，后面会考虑使用VUE+ElementUI做一个大型一点的SAAS系统。查阅资料后得到如下文章，作为学习记录使用。

滑块文档

作为一个拖拽式的交互性组件，滑块往往能给产品带来更好的操作体验。layui 深以为然，slider 模块包含了你能想到的大部分功能，尽管它可以作为一个独立的个体，但很多时候它往往会出现 form 元素中，想象一下吧。
模块加载名称：slider
注意：slider 为 layui 2.4.0 新增模块

快速使用

通过对 slider 模块的使用，你可以在页面构建出可拖动的滑动元素，如下是一个最基本的用法：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>滑块</title>
  <link rel="stylesheet" href="../src/css/layui.css">
</head>
<body>
<div id="slideTest1"></div>
<script src="../src/layui.js"></script>
<script>
layui.use('slider', function(