{"remainingRequest":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\源码\\vue-element-admin-master\\src\\views\\components-demo\\count-to.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\views\\components-demo\\count-to.vue","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmltcG9ydCBjb3VudFRvIGZyb20gJ3Z1ZS1jb3VudC10bycKCmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAnQ291bnRUb0RlbW8nLAogIGNvbXBvbmVudHM6IHsgY291bnRUbyB9LAogIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBzZXRTdGFydFZhbDogMCwKICAgICAgc2V0RW5kVmFsOiAyMDE3LAogICAgICBzZXREdXJhdGlvbjogNDAwMCwKICAgICAgc2V0RGVjaW1hbHM6IDAsCiAgICAgIHNldFNlcGFyYXRvcjogJywnLAogICAgICBzZXRTdWZmaXg6ICcgcm1iJywKICAgICAgc2V0UHJlZml4OiAnwqUgJwogICAgfQogIH0sCiAgY29tcHV0ZWQ6IHsKICAgIF9zdGFydFZhbCgpIHsKICAgICAgaWYgKHRoaXMuc2V0U3RhcnRWYWwpIHsKICAgICAgICByZXR1cm4gdGhpcy5zZXRTdGFydFZhbAogICAgICB9IGVsc2UgewogICAgICAgIHJldHVybiAwCiAgICAgIH0KICAgIH0sCiAgICBfZW5kVmFsKCkgewogICAgICBpZiAodGhpcy5zZXRFbmRWYWwpIHsKICAgICAgICByZXR1cm4gdGhpcy5zZXRFbmRWYWwKICAgICAgfSBlbHNlIHsKICAgICAgICByZXR1cm4gMAogICAgICB9CiAgICB9LAogICAgX2R1cmF0aW9uKCkgewogICAgICBpZiAodGhpcy5zZXREdXJhdGlvbikgewogICAgICAgIHJldHVybiB0aGlzLnNldER1cmF0aW9uCiAgICAgIH0gZWxzZSB7CiAgICAgICAgcmV0dXJuIDEwMAogICAgICB9CiAgICB9LAogICAgX2RlY2ltYWxzKCkgewogICAgICBpZiAodGhpcy5zZXREZWNpbWFscykgewogICAgICAgIGlmICh0aGlzLnNldERlY2ltYWxzIDwgMCB8fCB0aGlzLnNldERlY2ltYWxzID4gMjApIHsKICAgICAgICAgIGFsZXJ0KCdkaWdpdHMgYXJndW1lbnQgbXVzdCBiZSBiZXR3ZWVuIDAgYW5kIDIwJykKICAgICAgICAgIHJldHVybiAwCiAgICAgICAgfQogICAgICAgIHJldHVybiB0aGlzLnNldERlY2ltYWxzCiAgICAgIH0gZWxzZSB7CiAgICAgICAgcmV0dXJuIDAKICAgICAgfQogICAgfSwKICAgIF9zZXBhcmF0b3IoKSB7CiAgICAgIHJldHVybiB0aGlzLnNldFNlcGFyYXRvcgogICAgfSwKICAgIF9zdWZmaXgoKSB7CiAgICAgIHJldHVybiB0aGlzLnNldFN1ZmZpeAogICAgfSwKICAgIF9wcmVmaXgoKSB7CiAgICAgIHJldHVybiB0aGlzLnNldFByZWZpeAogICAgfQogIH0sCiAgbWV0aG9kczogewogICAgc3RhcnQoKSB7CiAgICAgIHRoaXMuJHJlZnMuZXhhbXBsZS5zdGFydCgpCiAgICB9LAogICAgcGF1c2VSZXN1bWUoKSB7CiAgICAgIHRoaXMuJHJlZnMuZXhhbXBsZS5wYXVzZVJlc3VtZSgpCiAgICB9CiAgfQp9Cg=="},{"version":3,"sources":["count-to.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsDA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"count-to.vue","sourceRoot":"src/views/components-demo","sourcesContent":["<template>\n <div class=\"components-container\">\n <aside>\n <a href=\"https://github.com/PanJiaChen/vue-countTo\" target=\"_blank\">countTo-component</a>\n </aside>\n <count-to\n ref=\"example\"\n :start-val=\"_startVal\"\n :end-val=\"_endVal\"\n :duration=\"_duration\"\n :decimals=\"_decimals\"\n :separator=\"_separator\"\n :prefix=\"_prefix\"\n :suffix=\"_suffix\"\n :autoplay=\"false\"\n class=\"example\"\n />\n <div style=\"margin-left: 25%;margin-top: 40px;\">\n <label class=\"label\" for=\"startValInput\">startVal:\n <input v-model.number=\"setStartVal\" type=\"number\" name=\"startValInput\">\n </label>\n <label class=\"label\" for=\"endValInput\">endVal:\n <input v-model.number=\"setEndVal\" type=\"number\" name=\"endVaInput\">\n </label>\n <label class=\"label\" for=\"durationInput\">duration:\n <input v-model.number=\"setDuration\" type=\"number\" name=\"durationInput\">\n </label>\n <div class=\"startBtn example-btn\" @click=\"start\">\n Start\n </div>\n <div class=\"pause-resume-btn example-btn\" @click=\"pauseResume\">\n pause/resume\n </div>\n <br>\n <label class=\"label\" for=\"decimalsInput\">decimals:\n <input v-model.number=\"setDecimals\" type=\"number\" name=\"decimalsInput\">\n </label>\n <label class=\"label\" for=\"separatorInput\">separator:\n <input v-model=\"setSeparator\" name=\"separatorInput\">\n </label>\n <label class=\"label\" for=\"prefixInput\">prefix:\n <input v-model=\"setPrefix\" name=\"prefixInput\">\n </label>\n <label class=\"label\" for=\"suffixInput\">suffix:\n <input v-model=\"setSuffix\" name=\"suffixInput\">\n </label>\n </div>\n <aside><count-to :start-val='{{ _startVal }}' :end-val='{{ _endVal }}' :duration='{{ _duration }}'\n :decimals='{{ _decimals }}' :separator='{{ _separator }}' :prefix='{{ _prefix }}' :suffix='{{ _suffix }}'\n :autoplay=false></aside>\n </div>\n</template>\n\n<script>\nimport countTo from 'vue-count-to'\n\nexport default {\n name: 'CountToDemo',\n components: { countTo },\n data() {\n return {\n setStartVal: 0,\n setEndVal: 2017,\n setDuration: 4000,\n setDecimals: 0,\n setSeparator: ',',\n setSuffix: ' rmb',\n setPrefix: '¥ '\n }\n },\n computed: {\n _startVal() {\n if (this.setStartVal) {\n return this.setStartVal\n } else {\n return 0\n }\n },\n _endVal() {\n if (this.setEndVal) {\n return this.setEndVal\n } else {\n return 0\n }\n },\n _duration() {\n if (this.setDuration) {\n return this.setDuration\n } else {\n return 100\n }\n },\n _decimals() {\n if (this.setDecimals) {\n if (this.setDecimals < 0 || this.setDecimals > 20) {\n alert('digits argument must be between 0 and 20')\n return 0\n }\n return this.setDecimals\n } else {\n return 0\n }\n },\n _separator() {\n return this.setSeparator\n },\n _suffix() {\n return this.setSuffix\n },\n _prefix() {\n return this.setPrefix\n }\n },\n methods: {\n start() {\n this.$refs.example.start()\n },\n pauseResume() {\n this.$refs.example.pauseResume()\n }\n }\n}\n</script>\n\n<style scoped>\n.example-btn {\n display: inline-block;\n margin-bottom: 0;\n font-weight: 500;\n text-align: center;\n -ms-touch-action: manipulation;\n touch-action: manipulation;\n cursor: pointer;\n background-image: none;\n border: 1px solid transparent;\n white-space: nowrap;\n line-height: 1.5;\n padding: 4px 15px;\n font-size: 12px;\n border-radius: 4px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-transition: all .3s cubic-bezier(.645, .045, .355, 1);\n transition: all .3s cubic-bezier(.645, .045, .355, 1);\n position: relative;\n color: rgba(0, 0, 0, .65);\n background-color: #fff;\n border-color: #d9d9d9;\n}\n\n.example-btn:hover {\n color: #4AB7BD;\n background-color: #fff;\n border-color: #4AB7BD;\n}\n.example {\n font-size: 50px;\n color: #F6416C;\n display: block;\n margin: 10px 0;\n text-align: center;\n font-size: 80px;\n font-weight: 500;\n}\n\n.label {\n color: #2f4f4f;\n font-size: 16px;\n display: inline-block;\n margin: 15px 30px 15px 0;\n}\n\ninput {\n position: relative;\n display: inline-block;\n padding: 4px 7px;\n width: 70px;\n height: 28px;\n cursor: text;\n font-size: 12px;\n line-height: 1.5;\n color: rgba(0, 0, 0, .65);\n background-color: #fff;\n background-image: none;\n border: 1px solid #d9d9d9;\n border-radius: 4px;\n -webkit-transition: all .3s;\n transition: all .3s;\n}\n\n.startBtn {\n margin-left: 20px;\n font-size: 20px;\n color: #30B08F;\n background-color: #fff;\n}\n\n.startBtn:hover {\n background-color: #30B08F;\n color: #fff;\n border-color: #30B08F;\n}\n\n.pause-resume-btn {\n font-size: 20px;\n color: #E65D6E;\n background-color: #fff;\n}\n\n.pause-resume-btn:hover {\n background-color: #E65D6E;\n color: #fff;\n border-color: #E65D6E;\n}\n</style>\n\n"]}]}
|
