(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["chunk-91909fb0"],{7534:function(e,l,a){"use strict";var t=a("7fcc"),s=a.n(t);s.a},"7dbf":function(e,l,a){"use strict";a.r(l);var t=function(){var e=this,l=e.$createElement,a=e._self._c||l;return a("div",{staticClass:"lin-container"},[a("div",{staticClass:"lin-title"},[e._v("Slider 滑块")]),a("div",{staticClass:"lin-wrap-ui"},[a("el-card",{staticClass:"box-card base-box-card",staticStyle:{"margin-bottom":"50px"}},[a("div",{attrs:{slot:"header"},slot:"header"},[a("span",[e._v("基础用法")])]),a("el-row",[[a("div",{staticClass:"block demo-block"},[a("span",{staticClass:"demonstration"},[e._v("默认")]),a("el-slider",{model:{value:e.value1,callback:function(l){e.value1=l},expression:"value1"}})],1),a("div",{staticClass:"block demo-block"},[a("span",{staticClass:"demonstration"},[e._v("自定义初始值")]),a("el-slider",{model:{value:e.value2,callback:function(l){e.value2=l},expression:"value2"}})],1),a("div",{staticClass:"block demo-block"},[a("span",{staticClass:"demonstration"},[e._v("隐藏 Tooltip")]),a("el-slider",{attrs:{"show-tooltip":!1},model:{value:e.value3,callback:function(l){e.value3=l},expression:"value3"}})],1),a("div",{staticClass:"block demo-block"},[a("span",{staticClass:"demonstration"},[e._v("格式化 Tooltip")]),a("el-slider",{attrs:{"format-tooltip":e.formatTooltip},model:{value:e.value4,callback:function(l){e.value4=l},expression:"value4"}})],1),a("div",{staticClass:"block demo-block"},[a("span",{staticClass:"demonstration"},[e._v("禁用")]),a("el-slider",{attrs:{disabled:""},model:{value:e.value5,callback:function(l){e.value5=l},expression:"value5"}})],1)]],2),a("el-collapse",[a("el-collapse-item",{attrs:{title:"查看代码",name:"2"}},[a("div",{staticStyle:{"white-space":"pre-wrap"}},[e._v(e._s(e.base))])])],1)],1),a("el-card",{staticClass:"box-card",staticStyle:{"margin-bottom":"50px"}},[a("div",{attrs:{slot:"header"},slot:"header"},[a("span",[e._v("离散值")])]),a("el-row",[[a("div",{staticClass:"block demo-block"},[a("span",{staticClass:"demonstration"},[e._v("不显示间断点")]),a("el-slider",{attrs:{step:10},model:{value:e.value6,callback:function(l){e.value6=l},expression:"value6"}})],1),a("div",{staticClass:"block demo-block"},[a("span",{staticClass:"demonstration"},[e._v("显示间断点")]),a("el-slider",{attrs:{step:10,"show-stops":""},model:{value:e.value7,callback:function(l){e.value7=l},expression:"value7"}})],1)]],2),a("el-collapse",[a("el-collapse-item",{attrs:{title:"查看代码",name:"2"}},[a("div",{staticStyle:{"white-space":"pre-wrap"}},[e._v(e._s(e.showStops))])])],1)],1),a("el-card",{staticClass:"box-card",staticStyle:{"margin-bottom":"50px"}},[a("div",{attrs:{slot:"header"},slot:"header"},[a("span",[e._v("带有输入框")])]),a("el-row",[[a("div",{staticClass:"block"},[a("el-slider",{attrs:{"show-input":""},model:{value:e.value8,callback:function(l){e.value8=l},expression:"value8"}})],1)]],2),a("el-collapse",[a("el-collapse-item",{attrs:{title:"查看代码",name:"2"}},[a("div",{staticStyle:{"white-space":"pre-wrap"}},[e._v(e._s(e.showInput))])])],1)],1),a("el-card",{staticClass:"box-card",staticStyle:{"margin-bottom":"50px"}},[a("div",{attrs:{slot:"header"},slot:"header"},[a("span",[e._v("范围选择")])]),a("el-row",[[a("div",{staticClass:"block"},[a("el-slider",{attrs:{range:"","show-stops":"",max:10},model:{value:e.value9,callback:function(l){e.value9=l},expression:"value9"}})],1)]],2),a("el-collapse",[a("el-collapse-item",{attrs:{title:"查看代码",name:"2"}},[a("div",{staticStyle:{"white-space":"pre-wrap"}},[e._v(e._s(e.range))])])],1)],1),a("el-card",{staticClass:"box-card",staticStyle:{"margin-bottom":"50px"}},[a("div",{attrs:{slot:"header"},slot:"header"},[a("span",[e._v("竖向模式")])]),a("el-row",[[a("div",{staticClass:"block"},[a("el-slider",{attrs:{vertical:"",height:"200px"},model:{value:e.value10,callback:function(l){e.value10=l},expression:"value10"}})],1)]],2),a("el-collapse",[a("el-collapse-item",{attrs:{title:"查看代码",name:"2"}},[a("div",{staticStyle:{"white-space":"pre-wrap"}},[e._v(e._s(e.vertical))])])],1)],1),a("el-card",{staticClass:"box-card",staticStyle:{"margin-bottom":"50px"}},[a("div",{attrs:{slot:"header"},slot:"header"},[a("span",[e._v("展示标记")])]),a("el-row",[[a("div",{staticClass:"block"},[a("el-slider",{attrs:{range:"",marks:e.marks},model:{value:e.value11,callback:function(l){e.value11=l},expression:"value11"}})],1)]],2),a("el-collapse",[a("el-collapse-item",{attrs:{title:"查看代码",name:"2"}},[a("div",{staticStyle:{"white-space":"pre-wrap"}},[e._v(e._s(e.marksCode))])])],1)],1)],1)])},s=[];function n(e,l,a){return l in e?Object.defineProperty(e,l,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[l]=a,e}var i={name:"",components:{},data:function(){var e;return e={marksCode:"\n<template>\n  <div class=\"block\">\n    <el-slider\n      v-model=\"value\"\n      range\n      :marks=\"marks\">\n    </el-slider>\n  </div>\n</template>\n\n<script>\n  export default {\n    data() {\n      return {\n        value: [30, 60],\n        marks: {\n          0: '0°C',\n          8: '8°C',\n          37: '37°C',\n          50: {\n            style: {\n              color: '#1989FA'\n            },\n            label: this.$createElement('strong', '50%')\n          }\n        }\n      }\n    }\n  }\n<\/script>",vertical:'\n<template>\n  <div class="block">\n    <el-slider\n      v-model="value"\n      vertical\n      height="200px">\n    </el-slider>\n  </div>\n</template>\n\n<script>\n  export default {\n    data() {\n      return {\n        value: 0\n      }\n    }\n  }\n<\/script>',range:'\n<template>\n  <div class="block">\n    <el-slider\n      v-model="value"\n      range\n      show-stops\n      :max="10">\n    </el-slider>\n  </div>\n</template>\n\n<script>\n  export default {\n    data() {\n      return {\n        value: [4, 8]\n      }\n    }\n  }\n<\/script>',showInput:'\n<template>\n  <div class="block">\n    <el-slider\n      v-model="value"\n      show-input>\n    </el-slider>\n  </div>\n</template>\n\n<script>\n  export default {\n    data() {\n      return {\n        value: 0\n      }\n    }\n  }\n<\/script>',showStops:"",base:'\n<template>\n  <div class="block">\n    <span class="demonstration">默认</span>\n    <el-slider v-model="value1"></el-slider>\n  </div>\n  <div class="block">\n    <span class="demonstration">自定义初始值</span>\n    <el-slider v-model="value2"></el-slider>\n  </div>\n  <div class="block">\n    <span class="demonstration">隐藏 Tooltip</span>\n    <el-slider v-model="value3" :show-tooltip="false"></el-slider>\n  </div>\n  <div class="block">\n    <span class="demonstration">格式化 Tooltip</span>\n    <el-slider v-model="value4" :format-tooltip="formatTooltip"></el-slider>\n  </div>\n  <div class="block">\n    <span class="demonstration">禁用</span>\n    <el-slider v-model="value5" disabled></el-slider>\n  </div>\n</template>\n\n<script>\n  export default {\n    data() {\n      return {\n        value1: 0,\n        value2: 50,\n        value3: 36,\n        value4: 48,\n        value5: 42\n      }\n    },\n    methods: {\n      formatTooltip(val) {\n        return val / 100;\n      }\n    }\n  }\n<\/script>'},n(e,"showStops",'\n<template>\n  <div class="block">\n    <span class="demonstration">不显示间断点</span>\n    <el-slider\n      v-model="value1"\n      :step="10">\n    </el-slider>\n  </div>\n  <div class="block">\n    <span class="demonstration">显示间断点</span>\n    <el-slider\n      v-model="value2"\n      :step="10"\n      show-stops>\n    </el-slider>\n  </div>\n</template>\n\n<script>\n  export default {\n    data() {\n      return {\n        value1: 0,\n        value2: 0\n      }\n    }\n  }\n<\/script>'),n(e,"value1",0),n(e,"value2",50),n(e,"value3",36),n(e,"value4",48),n(e,"value5",42),n(e,"value6",0),n(e,"value7",0),n(e,"value8",0),n(e,"value9",[4,8]),n(e,"value10",0),n(e,"value11",[30,60]),n(e,"marks",{0:"0°C",8:"8°C",37:"37°C",50:{style:{color:"#1989FA"},label:this.$createElement("strong","50%")}}),e},computed:{},watch:{},mounted:function(){this.init()},methods:{init:function(){},formatTooltip:function(e){return e/100}}},o=i,r=(a("7534"),a("2877")),c=Object(r["a"])(o,t,s,!1,null,"7b9323a0",null);l["default"]=c.exports},"7fcc":function(e,l,a){}}]);