1.0.0 • Published 1 year ago
slider-cell v1.0.0
slider-cell
install
npm install slider-cell --save
usage
script标签形式使用
<script type="text/javascript" src="./slider-cell.js"></script>
import形式使用
import SliderCell from "slider-cell";
demo
import SliderCell from "slider-cell";
<!-- css -->
<style>
.cell{
height: 100px;
}
.cell-left{
width: 80px;
background-color: "#0173FF";
}
.cell-right{
width: 120px;
background-color: "#FF0000";
}
</style>
<!-- html -->
<div class="cell" id="slider-cell">
<div class="cell-wrapper">
<div class="cell-left">
</div>
<div class="cell-content">
</div>
<div class="cell-right">
</div>
</div>
</div>
<!-- js -->
var cell = new SliderCell({
id: "slider-cell"
});
参数
参数名 | 类型 | 必须 | 说明 |
---|---|---|---|
id | String | 是 | 单元格容器id |
slideWidth | Number | 否 | 滑动切换临界值,默认15 |
1.0.0
1 year ago