{"version":3,"sources":["webpack:///178.3e2df5cf.js","webpack:///x-circle-421.vue","webpack:///./~/v-markdown-loader/_cache/x-circle-421.vue","webpack:///./~/v-markdown-loader/_cache/x-circle-421.vue?b768","webpack:///./zh-CN/demos/x-circle.md"],"names":["webpackJsonp","1469","module","__webpack_exports__","__webpack_require__","Object","defineProperty","value","head","title","ignoreSuffixChar","2423","exports","Component","options","__file","esModule","keys","some","key","substr","console","error","functional","3050","render","_vm","this","_h","$createElement","_c","_self","_v","attrs","width","src","_m","staticStyle","height","display","border","border-radius","overflow","frameborder","staticClass","staticRenderFns","font-size","color","href","target","_withStripped","860"],"mappings":"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","file":"178.3e2df5cf.js","sourcesContent":["webpackJsonp([178],{\n\n/***/ 1469:\n/***/ (function(module, __webpack_exports__, __webpack_require__) {\n\n\"use strict\";\nObject.defineProperty(__webpack_exports__, \"__esModule\", { value: true });\n\n\n/* harmony default export */ __webpack_exports__[\"default\"] = ({\n  head: { \"title\": \" | VUX - Vue 移动端 UI 组件库\", \"ignoreSuffixChar\": \"|\" }\n});\n\n/***/ }),\n\n/***/ 2423:\n/***/ (function(module, exports, __webpack_require__) {\n\nvar disposed = false\nvar Component = __webpack_require__(67)(\n  /* script */\n  __webpack_require__(1469),\n  /* template */\n  __webpack_require__(3050),\n  /* styles */\n  null,\n  /* scopeId */\n  null,\n  /* moduleIdentifier (server only) */\n  null\n)\nComponent.options.__file = \"/data/vux/home/websites/vux-repo/docs/node_modules/v-markdown-loader/_cache/x-circle-421.vue\"\nif (Component.esModule && Object.keys(Component.esModule).some(function (key) {return key !== \"default\" && key.substr(0, 2) !== \"__\"})) {console.error(\"named exports are not supported in *.vue files.\")}\nif (Component.options.functional) {console.error(\"[vue-loader] x-circle-421.vue: functional components are not supported with templates, they should use render functions.\")}\n\n/* hot reload */\nif (false) {(function () {\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), false)\n  if (!hotAPI.compatible) return\n  module.hot.accept()\n  if (!module.hot.data) {\n    hotAPI.createRecord(\"data-v-f4ff5c1a\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-f4ff5c1a\", Component.options)\n  }\n  module.hot.dispose(function (data) {\n    disposed = true\n  })\n})()}\n\nmodule.exports = Component.exports\n\n\n/***/ }),\n\n/***/ 3050:\n/***/ (function(module, exports, __webpack_require__) {\n\nmodule.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', [_c('h3', [_vm._v(\"XCircle_COM\")]), _vm._v(\" \"), _c('img', {\n    attrs: {\n      \"width\": \"100\",\n      \"src\": \"http://qr.topscan.com/api.php?text=https%3A%2F%2Fvux.li%2Fdemos%2Fv2%2F%23%2Fcomponent%2Fx-circle\"\n    }\n  }), _vm._v(\" \"), _vm._m(0), _vm._v(\" \"), _c('hr'), _vm._v(\" \"), _c('h4', [_vm._v(\"演示\")]), _vm._v(\" \"), _c('div', {\n    staticStyle: {\n      \"width\": \"377px\",\n      \"height\": \"667px\",\n      \"display\": \"inline-block\",\n      \"border\": \"1px dashed #ececec\",\n      \"border-radius\": \"5px\",\n      \"overflow\": \"hidden\"\n    }\n  }, [_c('iframe', {\n    attrs: {\n      \"src\": \"https://vux.li/demos/v2/#/component/x-circle\",\n      \"width\": \"375\",\n      \"height\": \"667\",\n      \"border\": \"0\",\n      \"frameborder\": \"0\"\n    }\n  })], 1), _vm._v(\" \"), _c('h4', [_vm._v(\"demo 代码\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"tip\"\n  }, [_vm._v(\"下面的$t是Demo的i18n使用的翻译函数，一般情况下可以直接使用字符串。另外，下面代码隐藏了i18n标签部分的代码。\")]), _vm._v(\" \"), _vm._m(1), _vm._v(\" \"), _c('h4', [_vm._v(\"Github Issue\")])])\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('p', [_c('a', {\n    staticStyle: {\n      \"font-size\": \"12px\",\n      \"color\": \"#888\"\n    },\n    attrs: {\n      \"href\": \"https://vux.li/demos/v2/#/component/x-circle\",\n      \"target\": \"_blank\"\n    }\n  }, [_vm._v(\"demo 原始链接：https://vux.li/demos/v2/#/component/x-circle\")])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('pre', {\n    staticClass: \"hljs\"\n  }, [_c('code', [_c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"template\")]), _vm._v(\">\")]), _vm._v(\"\\n  \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"vux-circle-demo\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"br\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"style\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'width:150px;height:150px;'\")]), _vm._v(\">\")]), _vm._v(\"\\n      \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"x-circle\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\":percent\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"percent1\\\"\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\":stroke-width\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"10\\\"\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"stroke-color\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"#04BE02\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n        \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"span\")]), _vm._v(\">\")]), _c('span', [_vm._v(\"{{\")]), _vm._v(\"percent1\"), _c('span', [_vm._v(\"}}\")]), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"span\")]), _vm._v(\">\")]), _vm._v(\"\\n      \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"x-circle\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"div\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"br\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"style\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'width:100px;height:100px;'\")]), _vm._v(\">\")]), _vm._v(\"\\n      \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"x-circle\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\":percent\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"percent1\\\"\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\":stroke-width\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"5\\\"\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"stroke-color\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"#04BE02\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n        \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"span\")]), _vm._v(\">\")]), _c('span', [_vm._v(\"{{\")]), _vm._v(\"percent1\"), _c('span', [_vm._v(\"}}\")]), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"span\")]), _vm._v(\">\")]), _vm._v(\"\\n      \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"x-circle\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"div\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"br\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"style\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'width:50px;height:50px;'\")]), _vm._v(\">\")]), _vm._v(\"\\n      \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"x-circle\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\":percent\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"percent1\\\"\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\":stroke-width\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"5\\\"\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"stroke-color\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"#04BE02\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n        \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"span\")]), _vm._v(\">\")]), _c('span', [_vm._v(\"{{\")]), _vm._v(\"percent1\"), _c('span', [_vm._v(\"}}\")]), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"span\")]), _vm._v(\">\")]), _vm._v(\"\\n      \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"x-circle\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"div\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"br\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"style\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"width:180px;\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n      \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"range\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"percent1\\\"\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\":min\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"0\\\"\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\":max\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"100\\\"\")]), _vm._v(\">\")]), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"range\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"div\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"br\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"style\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'width:100px;height:100px;'\")]), _vm._v(\">\")]), _vm._v(\"\\n      \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"x-circle\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\":percent\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"100\\\"\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\":stroke-width\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"3\\\"\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"stroke-color\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"#04BE02\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n        \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"icon\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"type\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"success\\\"\")]), _vm._v(\">\")]), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"icon\")]), _vm._v(\">\")]), _vm._v(\"\\n      \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"x-circle\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"div\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"br\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"style\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'width:100px;height:100px;'\")]), _vm._v(\">\")]), _vm._v(\"\\n      \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"x-circle\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\":percent\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"percent2\\\"\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\":stroke-width\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"6\\\"\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\":trail-width\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"6\\\"\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\":stroke-color\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"strokeColor2\\\"\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"trail-color\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"#ececec\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n        \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"span\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\":style\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"{color: strokeColor2}\\\"\")]), _vm._v(\">\")]), _c('span', [_vm._v(\"{{\")]), _vm._v(\"percent2\"), _c('span', [_vm._v(\"}}\")]), _vm._v(\"%\"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"span\")]), _vm._v(\">\")]), _vm._v(\"\\n      \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"x-circle\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"div\")]), _vm._v(\">\")]), _vm._v(\"\\n  \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"div\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"template\")]), _vm._v(\">\")]), _vm._v(\"\\n\\n\"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"script\")]), _vm._v(\">\")]), _c('span', {\n    staticClass: \"javascript\"\n  }, [_vm._v(\"\\n\"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"import\")]), _vm._v(\" { XCircle, Range, Icon } \"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"from\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'vux'\")]), _vm._v(\"\\n\\n\"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"export\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"default\")]), _vm._v(\" {\\n  ready () {\\n    setInterval(\"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"this\")]), _vm._v(\".update2, \"), _c('span', {\n    staticClass: \"hljs-number\"\n  }, [_vm._v(\"2000\")]), _vm._v(\")\\n  },\\n  \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"components\")]), _vm._v(\": {\\n    XCircle,\\n    Range,\\n    Icon\\n  },\\n  data () {\\n    \"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"return\")]), _vm._v(\" {\\n      \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"percent1\")]), _vm._v(\": \"), _c('span', {\n    staticClass: \"hljs-number\"\n  }, [_vm._v(\"10\")]), _vm._v(\",\\n      \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"percent2\")]), _vm._v(\": \"), _c('span', {\n    staticClass: \"hljs-number\"\n  }, [_vm._v(\"30\")]), _vm._v(\",\\n      \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"strokeColor2\")]), _vm._v(\": \"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'#3FC7FA'\")]), _vm._v(\"\\n    }\\n  },\\n  \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"methods\")]), _vm._v(\": {\\n    update2 () {\\n      \"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"const\")]), _vm._v(\" colorMap = [\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'#3FC7FA'\")]), _vm._v(\", \"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'#85D262'\")]), _vm._v(\", \"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'#FE8C6A'\")]), _vm._v(\"]\\n      \"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"this\")]), _vm._v(\".percent2 = \"), _c('span', {\n    staticClass: \"hljs-built_in\"\n  }, [_vm._v(\"parseInt\")]), _vm._v(\"(\"), _c('span', {\n    staticClass: \"hljs-built_in\"\n  }, [_vm._v(\"Math\")]), _vm._v(\".random() * \"), _c('span', {\n    staticClass: \"hljs-number\"\n  }, [_vm._v(\"100\")]), _vm._v(\", \"), _c('span', {\n    staticClass: \"hljs-number\"\n  }, [_vm._v(\"10\")]), _vm._v(\")\\n      \"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"this\")]), _vm._v(\".strokeColor2 = colorMap[\"), _c('span', {\n    staticClass: \"hljs-built_in\"\n  }, [_vm._v(\"parseInt\")]), _vm._v(\"(\"), _c('span', {\n    staticClass: \"hljs-built_in\"\n  }, [_vm._v(\"Math\")]), _vm._v(\".random() * \"), _c('span', {\n    staticClass: \"hljs-number\"\n  }, [_vm._v(\"3\")]), _vm._v(\", \"), _c('span', {\n    staticClass: \"hljs-number\"\n  }, [_vm._v(\"10\")]), _vm._v(\")]\\n    }\\n  }\\n}\\n\")]), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"script\")]), _vm._v(\">\")]), _vm._v(\"\\n\\n\"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"style\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"scoped\")]), _vm._v(\">\")]), _c('span', {\n    staticClass: \"css\"\n  }, [_vm._v(\"\\n\"), _c('span', {\n    staticClass: \"hljs-selector-class\"\n  }, [_vm._v(\".vux-circle-demo\")]), _vm._v(\" {\\n  \"), _c('span', {\n    staticClass: \"hljs-attribute\"\n  }, [_vm._v(\"text-align\")]), _vm._v(\": center;\\n}\\n\"), _c('span', {\n    staticClass: \"hljs-selector-class\"\n  }, [_vm._v(\".vux-circle-demo\")]), _vm._v(\" > \"), _c('span', {\n    staticClass: \"hljs-selector-tag\"\n  }, [_vm._v(\"div\")]), _vm._v(\" {\\n  \"), _c('span', {\n    staticClass: \"hljs-attribute\"\n  }, [_vm._v(\"margin\")]), _vm._v(\": \"), _c('span', {\n    staticClass: \"hljs-number\"\n  }, [_vm._v(\"0\")]), _vm._v(\" auto;\\n}\\n\")]), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"style\")]), _vm._v(\">\")]), _vm._v(\"\\n\\n\")])])\n}]}\nmodule.exports.render._withStripped = true\nif (false) {\n  module.hot.accept()\n  if (module.hot.data) {\n     require(\"vue-hot-reload-api\").rerender(\"data-v-f4ff5c1a\", module.exports)\n  }\n}\n\n/***/ }),\n\n/***/ 860:\n/***/ (function(module, exports, __webpack_require__) {\n\nmodule.exports = __webpack_require__(2423);\n\n/***/ })\n\n});\n\n\n// WEBPACK FOOTER //\n// 178.3e2df5cf.js","<template><div><h3>XCircle_COM</h3>\n<img width=\"100\" src=\"http://qr.topscan.com/api.php?text=https%3A%2F%2Fvux.li%2Fdemos%2Fv2%2F%23%2Fcomponent%2Fx-circle\"/>\n<p><a href=\"https://vux.li/demos/v2/#/component/x-circle\" target=\"_blank\" style=\"font-size:12px;color:#888;\">demo 原始链接：https://vux.li/demos/v2/#/component/x-circle</a></p>\n<hr>\n<h4>演示</h4>\n <div style=\"width:377px;height:667px;display:inline-block;border:1px dashed #ececec;border-radius:5px;overflow:hidden;\">\n   <iframe src=\"https://vux.li/demos/v2/#/component/x-circle\" width=\"375\" height=\"667\" border=\"0\" frameborder=\"0\"></iframe>\n </div>\n<h4>demo 代码</h4>\n<p class=\"tip\">下面的$t是Demo的i18n使用的翻译函数，一般情况下可以直接使用字符串。另外，下面代码隐藏了i18n标签部分的代码。</p>\n<pre class=\"hljs\"><code><span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">template</span>&gt;</span>\n  <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div</span> <span class=\"hljs-attr\">class</span>=<span class=\"hljs-string\">\"vux-circle-demo\"</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">br</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div</span> <span class=\"hljs-attr\">style</span>=<span class=\"hljs-string\">'width:150px;height:150px;'</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">x-circle</span> <span class=\"hljs-attr\">:percent</span>=<span class=\"hljs-string\">\"percent1\"</span> <span class=\"hljs-attr\">:stroke-width</span>=<span class=\"hljs-string\">\"10\"</span> <span class=\"hljs-attr\">stroke-color</span>=<span class=\"hljs-string\">\"#04BE02\"</span>&gt;</span>\n        <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">span</span>&gt;</span><span>{{</span>percent1<span>}}</span><span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">span</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">x-circle</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">div</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">br</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div</span> <span class=\"hljs-attr\">style</span>=<span class=\"hljs-string\">'width:100px;height:100px;'</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">x-circle</span> <span class=\"hljs-attr\">:percent</span>=<span class=\"hljs-string\">\"percent1\"</span> <span class=\"hljs-attr\">:stroke-width</span>=<span class=\"hljs-string\">\"5\"</span> <span class=\"hljs-attr\">stroke-color</span>=<span class=\"hljs-string\">\"#04BE02\"</span>&gt;</span>\n        <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">span</span>&gt;</span><span>{{</span>percent1<span>}}</span><span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">span</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">x-circle</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">div</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">br</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div</span> <span class=\"hljs-attr\">style</span>=<span class=\"hljs-string\">'width:50px;height:50px;'</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">x-circle</span> <span class=\"hljs-attr\">:percent</span>=<span class=\"hljs-string\">\"percent1\"</span> <span class=\"hljs-attr\">:stroke-width</span>=<span class=\"hljs-string\">\"5\"</span> <span class=\"hljs-attr\">stroke-color</span>=<span class=\"hljs-string\">\"#04BE02\"</span>&gt;</span>\n        <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">span</span>&gt;</span><span>{{</span>percent1<span>}}</span><span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">span</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">x-circle</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">div</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">br</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div</span> <span class=\"hljs-attr\">style</span>=<span class=\"hljs-string\">\"width:180px;\"</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">range</span> <span class=\"hljs-attr\">v-model</span>=<span class=\"hljs-string\">\"percent1\"</span> <span class=\"hljs-attr\">:min</span>=<span class=\"hljs-string\">\"0\"</span> <span class=\"hljs-attr\">:max</span>=<span class=\"hljs-string\">\"100\"</span>&gt;</span><span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">range</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">div</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">br</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div</span> <span class=\"hljs-attr\">style</span>=<span class=\"hljs-string\">'width:100px;height:100px;'</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">x-circle</span> <span class=\"hljs-attr\">:percent</span>=<span class=\"hljs-string\">\"100\"</span> <span class=\"hljs-attr\">:stroke-width</span>=<span class=\"hljs-string\">\"3\"</span> <span class=\"hljs-attr\">stroke-color</span>=<span class=\"hljs-string\">\"#04BE02\"</span>&gt;</span>\n        <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">icon</span> <span class=\"hljs-attr\">type</span>=<span class=\"hljs-string\">\"success\"</span>&gt;</span><span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">icon</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">x-circle</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">div</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">br</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">div</span> <span class=\"hljs-attr\">style</span>=<span class=\"hljs-string\">'width:100px;height:100px;'</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">x-circle</span> <span class=\"hljs-attr\">:percent</span>=<span class=\"hljs-string\">\"percent2\"</span> <span class=\"hljs-attr\">:stroke-width</span>=<span class=\"hljs-string\">\"6\"</span> <span class=\"hljs-attr\">:trail-width</span>=<span class=\"hljs-string\">\"6\"</span> <span class=\"hljs-attr\">:stroke-color</span>=<span class=\"hljs-string\">\"strokeColor2\"</span> <span class=\"hljs-attr\">trail-color</span>=<span class=\"hljs-string\">\"#ececec\"</span>&gt;</span>\n        <span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">span</span> <span class=\"hljs-attr\">:style</span>=<span class=\"hljs-string\">\"{color: strokeColor2}\"</span>&gt;</span><span>{{</span>percent2<span>}}</span>%<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">span</span>&gt;</span>\n      <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">x-circle</span>&gt;</span>\n    <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">div</span>&gt;</span>\n  <span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">div</span>&gt;</span>\n<span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">template</span>&gt;</span>\n\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">script</span>&gt;</span><span class=\"javascript\">\n<span class=\"hljs-keyword\">import</span> { XCircle, Range, Icon } <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'vux'</span>\n\n<span class=\"hljs-keyword\">export</span> <span class=\"hljs-keyword\">default</span> {\n  ready () {\n    setInterval(<span class=\"hljs-keyword\">this</span>.update2, <span class=\"hljs-number\">2000</span>)\n  },\n  <span class=\"hljs-attr\">components</span>: {\n    XCircle,\n    Range,\n    Icon\n  },\n  data () {\n    <span class=\"hljs-keyword\">return</span> {\n      <span class=\"hljs-attr\">percent1</span>: <span class=\"hljs-number\">10</span>,\n      <span class=\"hljs-attr\">percent2</span>: <span class=\"hljs-number\">30</span>,\n      <span class=\"hljs-attr\">strokeColor2</span>: <span class=\"hljs-string\">'#3FC7FA'</span>\n    }\n  },\n  <span class=\"hljs-attr\">methods</span>: {\n    update2 () {\n      <span class=\"hljs-keyword\">const</span> colorMap = [<span class=\"hljs-string\">'#3FC7FA'</span>, <span class=\"hljs-string\">'#85D262'</span>, <span class=\"hljs-string\">'#FE8C6A'</span>]\n      <span class=\"hljs-keyword\">this</span>.percent2 = <span class=\"hljs-built_in\">parseInt</span>(<span class=\"hljs-built_in\">Math</span>.random() * <span class=\"hljs-number\">100</span>, <span class=\"hljs-number\">10</span>)\n      <span class=\"hljs-keyword\">this</span>.strokeColor2 = colorMap[<span class=\"hljs-built_in\">parseInt</span>(<span class=\"hljs-built_in\">Math</span>.random() * <span class=\"hljs-number\">3</span>, <span class=\"hljs-number\">10</span>)]\n    }\n  }\n}\n</span><span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">script</span>&gt;</span>\n\n<span class=\"hljs-tag\">&lt;<span class=\"hljs-name\">style</span> <span class=\"hljs-attr\">scoped</span>&gt;</span><span class=\"css\">\n<span class=\"hljs-selector-class\">.vux-circle-demo</span> {\n  <span class=\"hljs-attribute\">text-align</span>: center;\n}\n<span class=\"hljs-selector-class\">.vux-circle-demo</span> &gt; <span class=\"hljs-selector-tag\">div</span> {\n  <span class=\"hljs-attribute\">margin</span>: <span class=\"hljs-number\">0</span> auto;\n}\n</span><span class=\"hljs-tag\">&lt;/<span class=\"hljs-name\">style</span>&gt;</span>\n\n</code></pre>\n<h4>Github Issue</h4>\n</div></template><script>\nexport default {\n  head: {\"title\":\" | VUX - Vue 移动端 UI 组件库\",\"ignoreSuffixChar\":\"|\"}\n}\n  </script>\n\n\n// WEBPACK FOOTER //\n// x-circle-421.vue?7627114d","var disposed = false\nvar Component = require(\"!../../ream/node_modules/vue-loader/lib/component-normalizer\")(\n  /* script */\n  require(\"!!babel-loader!../../ream/node_modules/vue-loader/lib/selector?type=script&index=0!./x-circle-421.vue\"),\n  /* template */\n  require(\"!!../../ream/node_modules/vue-loader/lib/template-compiler/index?{\\\"id\\\":\\\"data-v-f4ff5c1a\\\"}!../../ream/node_modules/vue-loader/lib/selector?type=template&index=0!./x-circle-421.vue\"),\n  /* styles */\n  null,\n  /* scopeId */\n  null,\n  /* moduleIdentifier (server only) */\n  null\n)\nComponent.options.__file = \"/data/vux/home/websites/vux-repo/docs/node_modules/v-markdown-loader/_cache/x-circle-421.vue\"\nif (Component.esModule && Object.keys(Component.esModule).some(function (key) {return key !== \"default\" && key.substr(0, 2) !== \"__\"})) {console.error(\"named exports are not supported in *.vue files.\")}\nif (Component.options.functional) {console.error(\"[vue-loader] x-circle-421.vue: functional components are not supported with templates, they should use render functions.\")}\n\n/* hot reload */\nif (module.hot) {(function () {\n  var hotAPI = require(\"vue-hot-reload-api\")\n  hotAPI.install(require(\"vue\"), false)\n  if (!hotAPI.compatible) return\n  module.hot.accept()\n  if (!module.hot.data) {\n    hotAPI.createRecord(\"data-v-f4ff5c1a\", Component.options)\n  } else {\n    hotAPI.reload(\"data-v-f4ff5c1a\", Component.options)\n  }\n  module.hot.dispose(function (data) {\n    disposed = true\n  })\n})()}\n\nmodule.exports = Component.exports\n\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/ream/~/vue-loader!./~/v-markdown-loader/_cache/x-circle-421.vue\n// module id = 2423\n// module chunks = 178","module.exports={render:function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('div', [_c('h3', [_vm._v(\"XCircle_COM\")]), _vm._v(\" \"), _c('img', {\n    attrs: {\n      \"width\": \"100\",\n      \"src\": \"http://qr.topscan.com/api.php?text=https%3A%2F%2Fvux.li%2Fdemos%2Fv2%2F%23%2Fcomponent%2Fx-circle\"\n    }\n  }), _vm._v(\" \"), _vm._m(0), _vm._v(\" \"), _c('hr'), _vm._v(\" \"), _c('h4', [_vm._v(\"演示\")]), _vm._v(\" \"), _c('div', {\n    staticStyle: {\n      \"width\": \"377px\",\n      \"height\": \"667px\",\n      \"display\": \"inline-block\",\n      \"border\": \"1px dashed #ececec\",\n      \"border-radius\": \"5px\",\n      \"overflow\": \"hidden\"\n    }\n  }, [_c('iframe', {\n    attrs: {\n      \"src\": \"https://vux.li/demos/v2/#/component/x-circle\",\n      \"width\": \"375\",\n      \"height\": \"667\",\n      \"border\": \"0\",\n      \"frameborder\": \"0\"\n    }\n  })], 1), _vm._v(\" \"), _c('h4', [_vm._v(\"demo 代码\")]), _vm._v(\" \"), _c('p', {\n    staticClass: \"tip\"\n  }, [_vm._v(\"下面的$t是Demo的i18n使用的翻译函数，一般情况下可以直接使用字符串。另外，下面代码隐藏了i18n标签部分的代码。\")]), _vm._v(\" \"), _vm._m(1), _vm._v(\" \"), _c('h4', [_vm._v(\"Github Issue\")])])\n},staticRenderFns: [function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('p', [_c('a', {\n    staticStyle: {\n      \"font-size\": \"12px\",\n      \"color\": \"#888\"\n    },\n    attrs: {\n      \"href\": \"https://vux.li/demos/v2/#/component/x-circle\",\n      \"target\": \"_blank\"\n    }\n  }, [_vm._v(\"demo 原始链接：https://vux.li/demos/v2/#/component/x-circle\")])])\n},function (){var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;\n  return _c('pre', {\n    staticClass: \"hljs\"\n  }, [_c('code', [_c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"template\")]), _vm._v(\">\")]), _vm._v(\"\\n  \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"class\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"vux-circle-demo\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"br\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"style\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'width:150px;height:150px;'\")]), _vm._v(\">\")]), _vm._v(\"\\n      \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"x-circle\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\":percent\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"percent1\\\"\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\":stroke-width\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"10\\\"\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"stroke-color\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"#04BE02\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n        \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"span\")]), _vm._v(\">\")]), _c('span', [_vm._v(\"{{\")]), _vm._v(\"percent1\"), _c('span', [_vm._v(\"}}\")]), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"span\")]), _vm._v(\">\")]), _vm._v(\"\\n      \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"x-circle\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"div\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"br\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"style\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'width:100px;height:100px;'\")]), _vm._v(\">\")]), _vm._v(\"\\n      \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"x-circle\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\":percent\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"percent1\\\"\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\":stroke-width\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"5\\\"\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"stroke-color\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"#04BE02\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n        \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"span\")]), _vm._v(\">\")]), _c('span', [_vm._v(\"{{\")]), _vm._v(\"percent1\"), _c('span', [_vm._v(\"}}\")]), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"span\")]), _vm._v(\">\")]), _vm._v(\"\\n      \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"x-circle\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"div\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"br\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"style\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'width:50px;height:50px;'\")]), _vm._v(\">\")]), _vm._v(\"\\n      \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"x-circle\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\":percent\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"percent1\\\"\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\":stroke-width\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"5\\\"\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"stroke-color\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"#04BE02\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n        \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"span\")]), _vm._v(\">\")]), _c('span', [_vm._v(\"{{\")]), _vm._v(\"percent1\"), _c('span', [_vm._v(\"}}\")]), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"span\")]), _vm._v(\">\")]), _vm._v(\"\\n      \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"x-circle\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"div\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"br\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"style\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"width:180px;\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n      \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"range\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"v-model\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"percent1\\\"\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\":min\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"0\\\"\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\":max\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"100\\\"\")]), _vm._v(\">\")]), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"range\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"div\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"br\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"style\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'width:100px;height:100px;'\")]), _vm._v(\">\")]), _vm._v(\"\\n      \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"x-circle\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\":percent\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"100\\\"\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\":stroke-width\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"3\\\"\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"stroke-color\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"#04BE02\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n        \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"icon\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"type\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"success\\\"\")]), _vm._v(\">\")]), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"icon\")]), _vm._v(\">\")]), _vm._v(\"\\n      \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"x-circle\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"div\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"br\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"div\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"style\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'width:100px;height:100px;'\")]), _vm._v(\">\")]), _vm._v(\"\\n      \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"x-circle\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\":percent\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"percent2\\\"\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\":stroke-width\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"6\\\"\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\":trail-width\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"6\\\"\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\":stroke-color\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"strokeColor2\\\"\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"trail-color\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"#ececec\\\"\")]), _vm._v(\">\")]), _vm._v(\"\\n        \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"span\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\":style\")]), _vm._v(\"=\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"\\\"{color: strokeColor2}\\\"\")]), _vm._v(\">\")]), _c('span', [_vm._v(\"{{\")]), _vm._v(\"percent2\"), _c('span', [_vm._v(\"}}\")]), _vm._v(\"%\"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"span\")]), _vm._v(\">\")]), _vm._v(\"\\n      \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"x-circle\")]), _vm._v(\">\")]), _vm._v(\"\\n    \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"div\")]), _vm._v(\">\")]), _vm._v(\"\\n  \"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"div\")]), _vm._v(\">\")]), _vm._v(\"\\n\"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"template\")]), _vm._v(\">\")]), _vm._v(\"\\n\\n\"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"script\")]), _vm._v(\">\")]), _c('span', {\n    staticClass: \"javascript\"\n  }, [_vm._v(\"\\n\"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"import\")]), _vm._v(\" { XCircle, Range, Icon } \"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"from\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'vux'\")]), _vm._v(\"\\n\\n\"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"export\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"default\")]), _vm._v(\" {\\n  ready () {\\n    setInterval(\"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"this\")]), _vm._v(\".update2, \"), _c('span', {\n    staticClass: \"hljs-number\"\n  }, [_vm._v(\"2000\")]), _vm._v(\")\\n  },\\n  \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"components\")]), _vm._v(\": {\\n    XCircle,\\n    Range,\\n    Icon\\n  },\\n  data () {\\n    \"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"return\")]), _vm._v(\" {\\n      \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"percent1\")]), _vm._v(\": \"), _c('span', {\n    staticClass: \"hljs-number\"\n  }, [_vm._v(\"10\")]), _vm._v(\",\\n      \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"percent2\")]), _vm._v(\": \"), _c('span', {\n    staticClass: \"hljs-number\"\n  }, [_vm._v(\"30\")]), _vm._v(\",\\n      \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"strokeColor2\")]), _vm._v(\": \"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'#3FC7FA'\")]), _vm._v(\"\\n    }\\n  },\\n  \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"methods\")]), _vm._v(\": {\\n    update2 () {\\n      \"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"const\")]), _vm._v(\" colorMap = [\"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'#3FC7FA'\")]), _vm._v(\", \"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'#85D262'\")]), _vm._v(\", \"), _c('span', {\n    staticClass: \"hljs-string\"\n  }, [_vm._v(\"'#FE8C6A'\")]), _vm._v(\"]\\n      \"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"this\")]), _vm._v(\".percent2 = \"), _c('span', {\n    staticClass: \"hljs-built_in\"\n  }, [_vm._v(\"parseInt\")]), _vm._v(\"(\"), _c('span', {\n    staticClass: \"hljs-built_in\"\n  }, [_vm._v(\"Math\")]), _vm._v(\".random() * \"), _c('span', {\n    staticClass: \"hljs-number\"\n  }, [_vm._v(\"100\")]), _vm._v(\", \"), _c('span', {\n    staticClass: \"hljs-number\"\n  }, [_vm._v(\"10\")]), _vm._v(\")\\n      \"), _c('span', {\n    staticClass: \"hljs-keyword\"\n  }, [_vm._v(\"this\")]), _vm._v(\".strokeColor2 = colorMap[\"), _c('span', {\n    staticClass: \"hljs-built_in\"\n  }, [_vm._v(\"parseInt\")]), _vm._v(\"(\"), _c('span', {\n    staticClass: \"hljs-built_in\"\n  }, [_vm._v(\"Math\")]), _vm._v(\".random() * \"), _c('span', {\n    staticClass: \"hljs-number\"\n  }, [_vm._v(\"3\")]), _vm._v(\", \"), _c('span', {\n    staticClass: \"hljs-number\"\n  }, [_vm._v(\"10\")]), _vm._v(\")]\\n    }\\n  }\\n}\\n\")]), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"script\")]), _vm._v(\">\")]), _vm._v(\"\\n\\n\"), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"<\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"style\")]), _vm._v(\" \"), _c('span', {\n    staticClass: \"hljs-attr\"\n  }, [_vm._v(\"scoped\")]), _vm._v(\">\")]), _c('span', {\n    staticClass: \"css\"\n  }, [_vm._v(\"\\n\"), _c('span', {\n    staticClass: \"hljs-selector-class\"\n  }, [_vm._v(\".vux-circle-demo\")]), _vm._v(\" {\\n  \"), _c('span', {\n    staticClass: \"hljs-attribute\"\n  }, [_vm._v(\"text-align\")]), _vm._v(\": center;\\n}\\n\"), _c('span', {\n    staticClass: \"hljs-selector-class\"\n  }, [_vm._v(\".vux-circle-demo\")]), _vm._v(\" > \"), _c('span', {\n    staticClass: \"hljs-selector-tag\"\n  }, [_vm._v(\"div\")]), _vm._v(\" {\\n  \"), _c('span', {\n    staticClass: \"hljs-attribute\"\n  }, [_vm._v(\"margin\")]), _vm._v(\": \"), _c('span', {\n    staticClass: \"hljs-number\"\n  }, [_vm._v(\"0\")]), _vm._v(\" auto;\\n}\\n\")]), _c('span', {\n    staticClass: \"hljs-tag\"\n  }, [_vm._v(\"</\"), _c('span', {\n    staticClass: \"hljs-name\"\n  }, [_vm._v(\"style\")]), _vm._v(\">\")]), _vm._v(\"\\n\\n\")])])\n}]}\nmodule.exports.render._withStripped = true\nif (module.hot) {\n  module.hot.accept()\n  if (module.hot.data) {\n     require(\"vue-hot-reload-api\").rerender(\"data-v-f4ff5c1a\", module.exports)\n  }\n}\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./~/ream/~/vue-loader/lib/template-compiler?{\"id\":\"data-v-f4ff5c1a\"}!./~/ream/~/vue-loader/lib/selector.js?type=template&index=0!./~/v-markdown-loader/_cache/x-circle-421.vue\n// module id = 3050\n// module chunks = 178","module.exports = require(\"!!vue-loader!../../node_modules/v-markdown-loader/_cache/x-circle-421.vue\");\n\n\n//////////////////\n// WEBPACK FOOTER\n// ./zh-CN/demos/x-circle.md\n// module id = 860\n// module chunks = 178"],"sourceRoot":""}