{"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=style&index=0&id=cca21970&scoped=true&lang=css&","dependencies":[{"path":"D:\\源码\\vue-element-admin-master\\src\\views\\components-demo\\count-to.vue","mtime":1649647926000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\css-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"D:\\源码\\vue-element-admin-master\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"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:CgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgoKCgouZXhhbXBsZS1idG4gewogIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICBtYXJnaW4tYm90dG9tOiAwOwogIGZvbnQtd2VpZ2h0OiA1MDA7CiAgdGV4dC1hbGlnbjogY2VudGVyOwogIC1tcy10b3VjaC1hY3Rpb246IG1hbmlwdWxhdGlvbjsKICB0b3VjaC1hY3Rpb246IG1hbmlwdWxhdGlvbjsKICBjdXJzb3I6IHBvaW50ZXI7CiAgYmFja2dyb3VuZC1pbWFnZTogbm9uZTsKICBib3JkZXI6IDFweCBzb2xpZCB0cmFuc3BhcmVudDsKICB3aGl0ZS1zcGFjZTogbm93cmFwOwogIGxpbmUtaGVpZ2h0OiAxLjU7CiAgcGFkZGluZzogNHB4IDE1cHg7CiAgZm9udC1zaXplOiAxMnB4OwogIGJvcmRlci1yYWRpdXM6IDRweDsKICAtd2Via2l0LXVzZXItc2VsZWN0OiBub25lOwogIC1tb3otdXNlci1zZWxlY3Q6IG5vbmU7CiAgLW1zLXVzZXItc2VsZWN0OiBub25lOwogIHVzZXItc2VsZWN0OiBub25lOwogIC13ZWJraXQtdHJhbnNpdGlvbjogYWxsIC4zcyBjdWJpYy1iZXppZXIoLjY0NSwgLjA0NSwgLjM1NSwgMSk7CiAgdHJhbnNpdGlvbjogYWxsIC4zcyBjdWJpYy1iZXppZXIoLjY0NSwgLjA0NSwgLjM1NSwgMSk7CiAgcG9zaXRpb246IHJlbGF0aXZlOwogIGNvbG9yOiByZ2JhKDAsIDAsIDAsIC42NSk7CiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsKICBib3JkZXItY29sb3I6ICNkOWQ5ZDk7Cn0KCi5leGFtcGxlLWJ0bjpob3ZlciB7CiAgY29sb3I6ICM0QUI3QkQ7CiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsKICBib3JkZXItY29sb3I6ICM0QUI3QkQ7Cn0KLmV4YW1wbGUgewogIGZvbnQtc2l6ZTogNTBweDsKICBjb2xvcjogI0Y2NDE2QzsKICBkaXNwbGF5OiBibG9jazsKICBtYXJnaW46IDEwcHggMDsKICB0ZXh0LWFsaWduOiBjZW50ZXI7CiAgZm9udC1zaXplOiA4MHB4OwogIGZvbnQtd2VpZ2h0OiA1MDA7Cn0KCi5sYWJlbCB7CiAgY29sb3I6ICMyZjRmNGY7CiAgZm9udC1zaXplOiAxNnB4OwogIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICBtYXJnaW46IDE1cHggMzBweCAxNXB4IDA7Cn0KCmlucHV0IHsKICBwb3NpdGlvbjogcmVsYXRpdmU7CiAgZGlzcGxheTogaW5saW5lLWJsb2NrOwogIHBhZGRpbmc6IDRweCA3cHg7CiAgd2lkdGg6IDcwcHg7CiAgaGVpZ2h0OiAyOHB4OwogIGN1cnNvcjogdGV4dDsKICBmb250LXNpemU6IDEycHg7CiAgbGluZS1oZWlnaHQ6IDEuNTsKICBjb2xvcjogcmdiYSgwLCAwLCAwLCAuNjUpOwogIGJhY2tncm91bmQtY29sb3I6ICNmZmY7CiAgYmFja2dyb3VuZC1pbWFnZTogbm9uZTsKICBib3JkZXI6IDFweCBzb2xpZCAjZDlkOWQ5OwogIGJvcmRlci1yYWRpdXM6IDRweDsKICAtd2Via2l0LXRyYW5zaXRpb246IGFsbCAuM3M7CiAgdHJhbnNpdGlvbjogYWxsIC4zczsKfQoKLnN0YXJ0QnRuIHsKICBtYXJnaW4tbGVmdDogMjBweDsKICBmb250LXNpemU6IDIwcHg7CiAgY29sb3I6ICMzMEIwOEY7CiAgYmFja2dyb3VuZC1jb2xvcjogI2ZmZjsKfQoKLnN0YXJ0QnRuOmhvdmVyIHsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjMzBCMDhGOwogIGNvbG9yOiAjZmZmOwogIGJvcmRlci1jb2xvcjogIzMwQjA4RjsKfQoKLnBhdXNlLXJlc3VtZS1idG4gewogIGZvbnQtc2l6ZTogMjBweDsKICBjb2xvcjogI0U2NUQ2RTsKICBiYWNrZ3JvdW5kLWNvbG9yOiAjZmZmOwp9CgoucGF1c2UtcmVzdW1lLWJ0bjpob3ZlciB7CiAgYmFja2dyb3VuZC1jb2xvcjogI0U2NUQ2RTsKICBjb2xvcjogI2ZmZjsKICBib3JkZXItY29sb3I6ICNFNjVENkU7Cn0K"},{"version":3,"sources":["count-to.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6HA;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;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;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"]}]}
|
