| 1 |
- {"remainingRequest":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\babel-loader\\lib\\index.js!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\components\\steps\\index.vue?vue&type=script&lang=js","dependencies":[{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\src\\components\\steps\\index.vue","mtime":1761185180028},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\babel.config.js","mtime":1761185179818},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\.babelrc","mtime":1761185179813},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":456789000000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\Administrator\\Desktop\\crmeb5.0\\template\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMubnVtYmVyLmNvbnN0cnVjdG9yLmpzIjsKZXhwb3J0IGRlZmF1bHQgewogIG5hbWU6ICcnLAogIHByb3BzOiB7CiAgICBzdGVwTGlzdDogewogICAgICB0eXBlOiBBcnJheSwKICAgICAgZGVmYXVsdDogZnVuY3Rpb24gX2RlZmF1bHQoKSB7CiAgICAgICAgcmV0dXJuIFtdOwogICAgICB9CiAgICB9LAogICAgaXNBY3RpdmU6IHsKICAgICAgdHlwZTogTnVtYmVyLAogICAgICBkZWZhdWx0OiAwCiAgICB9CiAgfSwKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHt9OwogIH0sCiAgY3JlYXRlZDogZnVuY3Rpb24gY3JlYXRlZCgpIHt9LAogIG1vdW50ZWQ6IGZ1bmN0aW9uIG1vdW50ZWQoKSB7fSwKICBtZXRob2RzOiB7CiAgICBsaW5lV2lkdGg6IGZ1bmN0aW9uIGxpbmVXaWR0aCgpIHsKICAgICAgdmFyIGkgPSB0aGlzLnN0ZXBMaXN0Lmxlbmd0aDsKICAgICAgdmFyIHdpZHRoOwogICAgICBzd2l0Y2ggKGkpIHsKICAgICAgICBjYXNlIDM6CiAgICAgICAgICB3aWR0aCA9ICd3ZDE2MCc7CiAgICAgICAgY2FzZSA0OgogICAgICAgICAgd2lkdGggPSAnd2QxMjAnOwogICAgICAgIGRlZmF1bHQ6CiAgICAgICAgICB3aWR0aCA9ICd3ZDEwMCc7CiAgICAgIH0KICAgICAgcmV0dXJuIHdpZHRoOwogICAgfSwKICAgIHN0ZXBBY3RpdmU6IGZ1bmN0aW9uIHN0ZXBBY3RpdmUoaW5kZXgpIHsKICAgICAgdGhpcy4kZW1pdCgnc3RlcEFjdGl2ZScsIGluZGV4KTsKICAgIH0KICB9Cn07"},{"version":3,"names":["name","props","stepList","type","Array","default","isActive","Number","data","created","mounted","methods","lineWidth","i","length","width","stepActive","index","$emit"],"sources":["src/components/steps/index.vue"],"sourcesContent":["<template>\r\n <div class=\"steps df-cc\">\r\n <div\r\n class=\"steps-item\"\r\n :class=\"index <= isActive ? 'active' : ''\"\r\n v-for=\"(step, index) in stepList\"\r\n :key=\"index\"\r\n v-db-click\r\n @click=\"stepActive(index)\"\r\n >\r\n <div class=\"dot df-cc\">{{ index + 1 }}</div>\r\n <span class=\"title\">{{ step }}</span>\r\n <div class=\"line\" :class=\"lineWidth()\" v-if=\"index < stepList.length - 1\"></div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: '',\r\n\r\n props: {\r\n stepList: {\r\n type: Array,\r\n default: () => {\r\n return [];\r\n },\r\n },\r\n isActive: {\r\n type: Number,\r\n default: 0,\r\n },\r\n },\r\n data() {\r\n return {};\r\n },\r\n created() {},\r\n mounted() {},\r\n methods: {\r\n lineWidth() {\r\n let i = this.stepList.length;\r\n let width;\r\n switch (i) {\r\n case 3:\r\n width = 'wd160';\r\n case 4:\r\n width = 'wd120';\r\n default:\r\n width = 'wd100';\r\n }\r\n return width;\r\n },\r\n stepActive(index) {\r\n this.$emit('stepActive', index);\r\n },\r\n },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.df-cc {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n.steps {\r\n &-item {\r\n display: flex;\r\n align-items: center;\r\n width: max-content;\r\n .dot {\r\n width: 28px;\r\n height: 28px;\r\n color: #c0c4cc;\r\n border: 1px solid #c0c4cc;\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-right: 8px;\r\n }\r\n .title {\r\n font-size: 16px;\r\n font-weight: 400;\r\n color: #909399;\r\n line-height: 16px;\r\n white-space: nowrap;\r\n }\r\n .line {\r\n height: 1px;\r\n margin: 0 20px;\r\n background: #dddddd;\r\n }\r\n .wd160 {\r\n width: 160px;\r\n }\r\n .wd120 {\r\n width: 120px;\r\n }\r\n .wd100 {\r\n width: 100px;\r\n }\r\n }\r\n &-item.active {\r\n .title {\r\n font-size: 16px;\r\n font-weight: 500;\r\n color: #303133;\r\n line-height: 16px;\r\n }\r\n .dot {\r\n width: 28px;\r\n height: 28px;\r\n background: var(--prev-color-primary);\r\n border: 1px solid var(--prev-color-primary);\r\n color: #fff;\r\n }\r\n }\r\n}\r\n</style>\r\n"],"mappings":";AAkBA;EACAA,IAAA;EAEAC,KAAA;IACAC,QAAA;MACAC,IAAA,EAAAC,KAAA;MACAC,OAAA,WAAAA,SAAA;QACA;MACA;IACA;IACAC,QAAA;MACAH,IAAA,EAAAI,MAAA;MACAF,OAAA;IACA;EACA;EACAG,IAAA,WAAAA,KAAA;IACA;EACA;EACAC,OAAA,WAAAA,QAAA;EACAC,OAAA,WAAAA,QAAA;EACAC,OAAA;IACAC,SAAA,WAAAA,UAAA;MACA,IAAAC,CAAA,QAAAX,QAAA,CAAAY,MAAA;MACA,IAAAC,KAAA;MACA,QAAAF,CAAA;QACA;UACAE,KAAA;QACA;UACAA,KAAA;QACA;UACAA,KAAA;MACA;MACA,OAAAA,KAAA;IACA;IACAC,UAAA,WAAAA,WAAAC,KAAA;MACA,KAAAC,KAAA,eAAAD,KAAA;IACA;EACA;AACA","ignoreList":[]}]}
|
