{"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>&lt;count-to :start-val=&#x27;{{ _startVal }}&#x27; :end-val=&#x27;{{ _endVal }}&#x27; :duration=&#x27;{{ _duration }}&#x27;\n      :decimals=&#x27;{{ _decimals }}&#x27; :separator=&#x27;{{ _separator }}&#x27; :prefix=&#x27;{{ _prefix }}&#x27; :suffix=&#x27;{{ _suffix }}&#x27;\n      :autoplay=false&gt;</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"]}]}