1.0.0 • Published 1 year ago

slider-cell v1.0.0

Weekly downloads
-
License
ISC
Repository
-
Last release
1 year ago

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"
});

参数

参数名类型必须说明
idString单元格容器id
slideWidthNumber滑动切换临界值,默认15