{"remainingRequest":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\artfess-ui\\src\\components\\step.vue?vue&type=style&index=0&id=37b3ce80&lang=less&scoped=true&","dependencies":[{"path":"D:\\jenkins\\workspace\\artfess-ui\\src\\components\\step.vue","mtime":1675233415769},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\less-loader\\dist\\cjs.js","mtime":1675233429113},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\artfess-ui\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgouemwtc3RlcCB7CglsaXN0LXN0eWxlOiBub25lOwoJZm9udC1zaXplOiAxNHB4OwoJaGVpZ2h0OiA0MHB4OwoJZGlzcGxheTogZmxleDsKCWp1c3RpZnktY29udGVudDogY2VudGVyOwoJYWxpZ24taXRlbXM6IGNlbnRlcjsKCW92ZXJmbG93OiBoaWRkZW47Cn0KCmxpIHsKCWhlaWdodDogNDBweDsKCWJhY2tncm91bmQ6ICNkN2Q4ZGE7Cgljb2xvcjogIzY2NjsKCXRleHQtYWxpZ246IGNlbnRlcjsKCglsaW5lLWhlaWdodDogNDBweDsKCWZvbnQtd2VpZ2h0OiA1MDA7CgkvKndpZHRoOiAyMCU7Ki8KCS8qZmxleC1iYXNpczogMTAwJTsqLwoJcG9zaXRpb246IHJlbGF0aXZlOwoKCXNwYW46bnRoLWNoaWxkKDEpIHsKCQlmb250LXNpemU6IDE2cHg7CgkJZm9udC13ZWlnaHQ6IGJvbGQ7CgkJbGluZS1oZWlnaHQ6IDE3cHg7CgkJbWFyZ2luLXJpZ2h0OiAxMHB4OwoJfQp9CgovKuS4ieinkuW9oue7mOWItiovCi5qaWFvIHsKCXdpZHRoOiAwOwoJaGVpZ2h0OiAwOwoJYm9yZGVyLXRvcDogMjBweCBzb2xpZCB0cmFuc3BhcmVudDsKCS8q6auY5bqm5LiA5Y2KKi8KCWJvcmRlci1sZWZ0OiAyMHB4IHNvbGlkICNkN2Q4ZGE7CgkvKuiwg+aVtOWuveW6piovCglib3JkZXItYm90dG9tOiAyMHB4IHNvbGlkIHRyYW5zcGFyZW50OwoJLyrpq5jluqbkuIDljYoqLwoJcG9zaXRpb246IGFic29sdXRlOwoJcmlnaHQ6IC0yMHB4OwoJLyrot5/lrr3luqbkv53mjIHkuIDoh7QqLwoJdG9wOiAwOwoJei1pbmRleDogOTk5OTsKfQoKLmppYW9BY3RpdmUgewoJd2lkdGg6IDA7CgloZWlnaHQ6IDA7Cglib3JkZXItdG9wOiAyMHB4IHNvbGlkIHRyYW5zcGFyZW50OwoJLyrpq5jluqbkuIDljYoqLwoJYm9yZGVyLWxlZnQ6IDIwcHggc29saWQgI0U4NTE0QTsKCS8q6LCD5pW05a695bqmKi8KCWJvcmRlci1ib3R0b206IDIwcHggc29saWQgdHJhbnNwYXJlbnQ7CgkvKumrmOW6puS4gOWNiiovCglwb3NpdGlvbjogYWJzb2x1dGU7CglyaWdodDogLTIwcHg7CgkvKui3n+WuveW6puS/neaMgeS4gOiHtCovCgl0b3A6IDA7Cgl6LWluZGV4OiAyOwp9CgovKuWkpzPkuKpweOeahOi+uSAyNi0yMC8yKi8KLmludGVydmFsIHsKCgl3aWR0aDogMDsKCWhlaWdodDogMDsKCWJvcmRlci10b3A6IDI2cHggc29saWQgdHJhbnNwYXJlbnQ7CgkvKumrmOW6puS4gOWNiiovCglib3JkZXItbGVmdDogMjZweCBzb2xpZCAjMjI1OEJGOwoJLyrosIPmlbTlrr3luqYqLwoJYm9yZGVyLWJvdHRvbTogMjZweCBzb2xpZCB0cmFuc3BhcmVudDsKCS8q6auY5bqm5LiA5Y2KKi8KCXBvc2l0aW9uOiBhYnNvbHV0ZTsKCXJpZ2h0OiAtMjZweDsKCS8q6Lef5a695bqm5L+d5oyB5LiA6Ie0Ki8KCXRvcDogLTZweDsKCXotaW5kZXg6IDE7Cn0K"},{"version":3,"sources":["step.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"step.vue","sourceRoot":"src/components","sourcesContent":["<template>\r\n\t<ul class=\"zl-step\">\r\n\t\t<li :class=\"{cur:active>=index}\" v-for=\"(item,index) in stepArr\" :style=\"{\r\n            width:width,\r\n            color:active>=index?color||'#000':'#fff',\r\n            'background':active>=index?background||'#F4F6FC':'#4E79CC'\r\n        }\" :key=\"index\"><span>{{index +1}}</span>\r\n\t\t\t<span>{{item.title}}</span>\r\n\t\t\t<div v-if=\"index<stepArr.length-1\" :class=\"active>=index?'jiaoActive':'jiao'\" :style=\"{\r\n                color:active>=index?color||'#000':'#fff',\r\n                'border-left-color':active>=index?background||'#F4F6FC':'#4E79CC'\r\n            }\"></div>\r\n\t\t\t<div class=\"interval\"></div>\r\n\t\t</li>\r\n\t</ul>\r\n\r\n</template>\r\n\r\n<script>\r\n\texport default {\r\n\t\tname: 'ZlStep',\r\n\t\tprops: {\r\n\t\t\tactive: {\r\n\t\t\t\ttype: Number,\r\n\t\t\t\tdefault: 0\r\n\t\t\t},\r\n\t\t\tstepArr: {\r\n\t\t\t\ttype: Array,\r\n\t\t\t\tdefault: () => []\r\n\t\t\t},\r\n\t\t\twidth: {\r\n\t\t\t\ttype: String,\r\n\t\t\t\tdefault: '100%'\r\n\t\t\t},\r\n\t\t\tbackground: {\r\n\t\t\t\ttype: String,\r\n\t\t\t\tdefault: '#F4F6FC'\r\n\t\t\t},\r\n\t\t\tcolor: {\r\n\t\t\t\ttype: String,\r\n\t\t\t\tdefault: '#000'\r\n\t\t\t},\r\n\t\t\theight: {\r\n\t\t\t\ttype: String,\r\n\t\t\t\tdefault: '40px'\r\n\t\t\t}\r\n\t\t},\r\n\t\twatch: {\r\n\t\t\tactive(a) {\r\n\t\t\t\tif (a <= 0) {\r\n\t\t\t\t\tthis.$emit('update:active', 0);\r\n\t\t\t\t\tconsole.log('已经是最小值了' + a);\r\n\t\t\t\t}\r\n\t\t\t\tif (a > this.stepArr.length - 1) {\r\n\t\t\t\t\tthis.$emit('update:active', this.stepArr.length - 1);\r\n\t\t\t\t\tconsole.log('已经是最大值了' + a);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\r\n\t\t\t};\r\n\t\t}\r\n\t};\r\n</script>\r\n\r\n<style lang=\"less\" scoped>\r\n\t.zl-step {\r\n\t\tlist-style: none;\r\n\t\tfont-size: 14px;\r\n\t\theight: 40px;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\toverflow: hidden;\r\n\t}\r\n\r\n\tli {\r\n\t\theight: 40px;\r\n\t\tbackground: #d7d8da;\r\n\t\tcolor: #666;\r\n\t\ttext-align: center;\r\n\r\n\t\tline-height: 40px;\r\n\t\tfont-weight: 500;\r\n\t\t/*width: 20%;*/\r\n\t\t/*flex-basis: 100%;*/\r\n\t\tposition: relative;\r\n\r\n\t\tspan:nth-child(1) {\r\n\t\t\tfont-size: 16px;\r\n\t\t\tfont-weight: bold;\r\n\t\t\tline-height: 17px;\r\n\t\t\tmargin-right: 10px;\r\n\t\t}\r\n\t}\r\n\r\n\t/*三角形绘制*/\r\n\t.jiao {\r\n\t\twidth: 0;\r\n\t\theight: 0;\r\n\t\tborder-top: 20px solid transparent;\r\n\t\t/*高度一半*/\r\n\t\tborder-left: 20px solid #d7d8da;\r\n\t\t/*调整宽度*/\r\n\t\tborder-bottom: 20px solid transparent;\r\n\t\t/*高度一半*/\r\n\t\tposition: absolute;\r\n\t\tright: -20px;\r\n\t\t/*跟宽度保持一致*/\r\n\t\ttop: 0;\r\n\t\tz-index: 9999;\r\n\t}\r\n\r\n\t.jiaoActive {\r\n\t\twidth: 0;\r\n\t\theight: 0;\r\n\t\tborder-top: 20px solid transparent;\r\n\t\t/*高度一半*/\r\n\t\tborder-left: 20px solid #E8514A;\r\n\t\t/*调整宽度*/\r\n\t\tborder-bottom: 20px solid transparent;\r\n\t\t/*高度一半*/\r\n\t\tposition: absolute;\r\n\t\tright: -20px;\r\n\t\t/*跟宽度保持一致*/\r\n\t\ttop: 0;\r\n\t\tz-index: 2;\r\n\t}\r\n\r\n\t/*大3个px的边 26-20/2*/\r\n\t.interval {\r\n\r\n\t\twidth: 0;\r\n\t\theight: 0;\r\n\t\tborder-top: 26px solid transparent;\r\n\t\t/*高度一半*/\r\n\t\tborder-left: 26px solid #2258BF;\r\n\t\t/*调整宽度*/\r\n\t\tborder-bottom: 26px solid transparent;\r\n\t\t/*高度一半*/\r\n\t\tposition: absolute;\r\n\t\tright: -26px;\r\n\t\t/*跟宽度保持一致*/\r\n\t\ttop: -6px;\r\n\t\tz-index: 1;\r\n\t}\r\n</style>\r\n"]}]}