拖拽进度条组件API

拖拽进度条组件

使用API：

---

代码块

createRange: function(){
var me = this;
var ranges = document.createElement(‘DIV’);
var rangeInput = document.createElement(‘input’);
$(ranges).attr(“class”,”demo”);$(rangeInput).attr(“class”,”single-slider”);
rangeInput.type = “hidden”;
// rangeInput.value = 99;
ranges.appendChild(rangeInput);
me.domEl.appendChild(ranges);
$(ranges).css({ “margin-top”: “300px”, “margin-left”: “50px” });$(rangeInput).inits({
onstatechange: function() {
//slider值改变时的处理逻辑
var vals = $(“.single-slider”).val();
console.log(vals);
// me.fire({
// type:”monthChange”,
// month:vals
// });
},
from: 0,
to: 255,
step: 1,
disable: false,
theme: ‘theme-green’,
scale: [0,255],
format: ‘%s’,
showLabels: true,
showScale: true,
width: 300,
height: 5,
fontFamily:”Helvetica Neue”,
color: “#fff”,
fontSize: “9px”,
//拖拽部分的颜色
backgroundColors : “#00ccff”,
//未拖拽部分的底色
backgroundColor : “#1c516e”,
//提示标签位置
lableTop: “-17px”,
//input默认value值
values: 20
//滑块pointer,(如果需要自定义滑块样式，打开此注释，同时需要去 dragbarange.js组件里打开与以下相同代码的注释
// sliderwidth: “14px”,
// sliderheight: “14px”,
// sliderbackground: “red”,
// slidertop: “-5px”
});
},

可以渲染序列图：

```sequence
张三->李四: 嘿，小四儿, 写博客了没?
Note right of 李四: 李四愣了一下，说：
李四-->张三: 忙得吐血，哪有时间写。




<div class="se-preview-section-delimiter"></div>

或者流程图：

• 关于 序列图 语法，参考 这儿,
• 关于 流程图 语法，参考 这儿.

用户可以选择 把正在写的博客保存到服务器草稿箱，即使换浏览器或者清除缓存，内容也不会丢失。