kkscroll v0.7.2

kkscroll

Project setup

npm i kkscroll

Compiles and hot-reloads for development

npm serve

Compiles and minifies for production

npm build

Lints and fixes files

npm lint

Customize configuration

main.js中  
import kk_scroll from 'kkscroll'  
Vue.use(kk_scroll)  

需求文件中 (以下方法不清楚可查看examples下的文件（App）)
<kk-scroll ref="kkscroll" :Indata="data"></kk-scroll>

2020/11/26 解决了遇到中文内容中添加英文的':'时会添加到data-属性中的错。
2020/11/26 监听数据变化然后初始化过程之前做的不合理，目前改造了下应该是变得正常了。
2020/11/26 整体结构修改优化，修改bug，传入值改为Indata。
2020/11/24 给li赋予data属性的时候差生了错误此次修正了。(例子：[id:1])
2020/11/24 优化clickFun点击事件的位置，之前写的不够合理。
2020/11/19 解决抬头标注不存在的情况时的报错。
2020/11/19 解决存在多个滚动区域时产生的一系列bug。
2020/10/27 开放每块颜色设置（保留最后一栏状态栏修改方法，重新使用'/^'来加入独立class,'xxxxx数据/^aaaa样式'）。
2020/10/27 在数据栏目中有一栏数据是时间日期的话发生错误，时间数据请设置为xx:xx:xx(保证':'数量至少为3个),否则会转换为改dom的data-属性。
2020/07/22 移除无限样式添加bug。
2020/07/22 添加最后一栏状态栏和对应状态的颜色。
2020/07/22 添加列点击事件，clickFun。
2020/07/22 给每列添加绑定值。

以上方法不清楚可查看examples下的文件（App）

必要样式（不要用scoped限制！！！，样式自己调整）  
* {
  box-sizing: border-box;
}
body,
p,
ul,
li {
  margin: 0;
  padding: 0;
}
.tabliewrapper {
  width: 750px;
  border: 2px solid goldenrod;
  margin: 0 auto;
  margin-top: 50px;
  overflow: hidden;
}
.tabliewrapper ul {
  overflow: hidden;
}
.tabliewrapper > ul:nth-child(1) li {
  background-color: #585337;
  font-size: 40px;
  font-weight: bold;
  line-height: 80px;
}
.tabliewrapper > ul li {
  color: white !important;
}
.tabliewrapper ul li {
  width: 100%;
  height: 70px;
  float: left;
  font-size: 30px;
  text-align: center;
  color: black;
  border-bottom: 4px solid #585337;
  overflow: hidden;
}
.tabliewrapper li p {
  width: 20%;
  line-height: 70px;
  float: left;
  overflow: hidden;
  display: block;
}
.tabliewrapper .ulwrapper {
  overflow: hidden;
  height: 380px;
}