webpackJsonp([71],{NeEa:function(t,e){t.exports={render:function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("section",[a("h2",{attrs:{id:"Introduction"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Introduction-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Introduction")]),t._v(" "),a("p",[t._v("cube-ui is an elegant mobile component library based on Vue.js.")]),t._v(" "),a("h3",{attrs:{id:"Features"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Features-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Features")]),t._v(" "),t._m(0),t._v(" "),a("h3",{attrs:{id:"Components"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Components-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Components")]),t._v(" "),a("h4",{attrs:{id:"Basic"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Basic-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Basic")]),t._v(" "),t._m(1),t._v(" "),a("h4",{attrs:{id:"Form"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Form-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Form")]),t._v(" "),t._m(2),t._v(" "),a("h4",{attrs:{id:"Layer"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Layer-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Layer")]),t._v(" "),t._m(3),t._v(" "),t._m(4),t._v(" "),a("p",[t._v("Component invoking:")]),t._v(" "),t._m(5),t._v(" "),a("p",[t._v("API invoking：")]),t._v(" "),t._m(6),t._v(" "),t._m(7),t._v(" "),t._m(8),t._v(" "),a("h4",{attrs:{id:"Scroll"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Scroll-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Scroll")]),t._v(" "),t._m(9),t._v(" "),t._m(10),t._v(" "),a("h3",{attrs:{id:"Modules"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-Modules-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" Modules")]),t._v(" "),a("p",[t._v("cube-ui has some special modules besides components.")]),t._v(" "),a("h4",{attrs:{id:"style"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-style-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" style")]),t._v(" "),a("p",[t._v("The style module.\nIf you are under the circumstance of importing components on demand, then it is recommended to import this module in entry file because it contains basic reset, basic common styles and built-in icons.")]),t._v(" "),t._m(11),t._v(" "),a("h4",{attrs:{id:"create-api"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-create-api-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" create-api")]),t._v(" "),t._m(12),t._v(" "),t._m(13),t._v(" "),a("h4",{attrs:{id:"better-scroll"}},[a("a",{staticClass:"anchor",attrs:{href:"#cube-better-scroll-anchor","aria-hidden":"true"}},[a("svg",{attrs:{"aria-hidden":"true",height:"16",version:"1.1",viewBox:"0 0 16 16",width:"16"}},[a("path",{attrs:{"fill-rule":"evenodd",d:"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"}})])]),t._v(" better-scroll")]),t._v(" "),t._m(14),t._v(" "),t._m(15)])},staticRenderFns:[function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ul",[a("li",[a("p",[a("strong",[t._v("Quality")])]),t._v(" "),a("p",[t._v("Extracted from DiDi interior component library and has been put to business test for more than one year. Every component has full unit tests to provide assurance for continuous integration.")])]),t._v(" "),a("li",[a("p",[a("strong",[t._v("Experience")])]),t._v(" "),a("p",[t._v("Make quick response, fluent animation and close to native components as the goal, and pursue the perfection of the interactive experience.")])]),t._v(" "),a("li",[a("p",[a("strong",[t._v("Standard")])]),t._v(" "),a("p",[t._v("Follow a uniform design interaction standard and highly restore the design; Standardize the interface and unify the way of use, making development more simple and efficient.")])]),t._v(" "),a("li",[a("p",[a("strong",[t._v("Scalability")])]),t._v(" "),a("p",[t._v("Lightweight and flexible: support "),a("a",{attrs:{href:"#/en-US/docs/post-compile"}},[t._v("post-compile")]),t._v(" and importing on demand; High scalability: it is easy to implement secondary development based on existing components.")])])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ul",[a("li",[a("a",{attrs:{href:"#/en-US/docs/button"}},[t._v("Button")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/loading"}},[t._v("Loading")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/tip"}},[t._v("Tip")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/toolbar"}},[t._v("Toolbar")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/tab-bar"}},[t._v("TabBar")])])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ul",[a("li",[a("a",{attrs:{href:"#/en-US/docs/checkbox"}},[t._v("Checkbox")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/checkbox-group"}},[t._v("CheckboxGroup")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/radio"}},[t._v("Radio")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/input"}},[t._v("Input")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/textarea"}},[t._v("Textarea")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/select"}},[t._v("Select")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/switch"}},[t._v("Switch")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/rate"}},[t._v("Rate")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/validator"}},[t._v("Validator")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/upload"}},[t._v("Upload")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/form"}},[t._v("Form")])])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ul",[a("li",[a("a",{attrs:{href:"#/en-US/docs/popup"}},[t._v("Popup")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/toast"}},[t._v("Toast")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/picker"}},[t._v("Picker")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/cascade-picker"}},[t._v("CascadePicker")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/date-picker"}},[t._v("DatePicker")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/time-picker"}},[t._v("TimePicker")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/segment-picker"}},[t._v("SegmentPicker")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/dialog"}},[t._v("Dialog")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/action-sheet"}},[t._v("ActionSheet")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/drawer"}},[t._v("Drawer")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/image-preview"}},[t._v("ImagePreview")])])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("p",[t._v("Most of the layer components can be invoked by components and API, let's take "),a("code",{pre:!0},[t._v("Toast")]),t._v(" as an example:")])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("template")]),t._v(">")]),t._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showToast"')]),t._v(">")]),t._v("show toast"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(">")]),t._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-toast")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("ref")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"toast"')]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v(":txt")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"toastTxt"')]),t._v(">")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-toast")]),t._v(">")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("template")]),t._v(">")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("script")]),t._v(">")]),a("span",{attrs:{class:"javascript"}},[t._v("\n  "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n    data() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("toastTxt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'toast content'")]),t._v("\n      }\n    },\n    "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n      showToast() {\n        "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$refs.toast.show()\n      }\n    }\n  }\n")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("script")]),t._v(">")]),t._v("\n")])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("pre",{pre:!0},[a("code",{attrs:{"v-pre":"",class:"language-html"}},[a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("template")]),t._v(">")]),t._v("\n  "),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(" "),a("span",{attrs:{class:"hljs-attr"}},[t._v("@click")]),t._v("="),a("span",{attrs:{class:"hljs-string"}},[t._v('"showToast"')]),t._v(">")]),t._v("show toast"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("cube-button")]),t._v(">")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("template")]),t._v(">")]),t._v("\n"),a("span",{attrs:{class:"hljs-tag"}},[t._v("<"),a("span",{attrs:{class:"hljs-name"}},[t._v("script")]),t._v(">")]),a("span",{attrs:{class:"javascript"}},[t._v("\n  "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("export")]),t._v(" "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("default")]),t._v(" {\n    data() {\n      "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("return")]),t._v(" {\n        "),a("span",{attrs:{class:"hljs-attr"}},[t._v("toastTxt")]),t._v(": "),a("span",{attrs:{class:"hljs-string"}},[t._v("'toast content'")]),t._v("\n      }\n    },\n    "),a("span",{attrs:{class:"hljs-attr"}},[t._v("methods")]),t._v(": {\n      showToast() {\n        "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".$createToast({\n          "),a("span",{attrs:{class:"hljs-attr"}},[t._v("txt")]),t._v(": "),a("span",{attrs:{class:"hljs-keyword"}},[t._v("this")]),t._v(".toastTxt\n        }).show()\n      }\n    }\n  }\n")]),a("span",{attrs:{class:"hljs-tag"}},[t._v("</"),a("span",{attrs:{class:"hljs-name"}},[t._v("script")]),t._v(">")]),t._v("\n")])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("p",[t._v("Both are pretty good but we recommend the latter, namely using "),a("code",{pre:!0},[t._v("$createXxYy")]),t._v(" API to invoke; By API invoking, the popup layer is attached to "),a("code",{pre:!0},[t._v("body")]),t._v(" element whose advantage is that it wouldn't be affected by outer styles. If using component invoking, it's fairly easy to be affected by outer styles like "),a("code",{pre:!0},[t._v("transform")]),t._v(", "),a("code",{pre:!0},[t._v("overflow")]),t._v(", etc.")])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("p",[t._v("Pay attention that the name of the API is "),a("code",{pre:!0},[t._v("$create")]),t._v(" + "),a("code",{pre:!0},[t._v("${component name}")]),t._v(". For example, the API of "),a("code",{pre:!0},[t._v("ActionSheet")]),t._v(" component is "),a("code",{pre:!0},[t._v("$createActionSheet")]),t._v(".")])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("ul",[a("li",[a("a",{attrs:{href:"#/en-US/docs/scroll"}},[t._v("Scroll")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/slide"}},[t._v("Slide")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/index-list"}},[t._v("IndexList")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/swipe"}},[t._v("Swipe")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/sticky"}},[t._v("Sticky")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/scroll-nav-bar"}},[t._v("ScrollNavBar")])]),t._v(" "),a("li",[a("a",{attrs:{href:"#/en-US/docs/scroll-nav"}},[t._v("ScrollNav")])])])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("p",[t._v("Most of the scroll components are all implemented based on "),a("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll"}},[t._v("better-scroll")]),t._v(" and "),a("code",{pre:!0},[t._v("Scroll")]),t._v(" Component is the encapsulation of better-scroll.")])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("p",[t._v("For details, see "),a("a",{attrs:{href:"#/en-US/docs/style"}},[t._v("style module")]),t._v(".")])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("p",[t._v("Sometimes, developers may need to let their own encapsulated components support API invoking as well. At this time they can import create-api module or use the global interface "),a("code",{pre:!0},[t._v("Cube.createAPI")]),t._v(" to achieve the purpose.")])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("p",[t._v("For details, see "),a("a",{attrs:{href:"#/en-US/docs/create-api"}},[t._v("create-api module")]),t._v("。")])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("p",[a("a",{attrs:{href:"https://github.com/ustbhuangyi/better-scroll"}},[t._v("better-scroll")]),t._v(" is a library in "),a("code",{pre:!0},[t._v("cube-ui")]),t._v("'s dependencies. To avoid duplicately importing, we expose the module.")])},function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("p",[t._v("For more detailed use, please refer to "),a("a",{attrs:{href:"https://ustbhuangyi.github.io/better-scroll/"}},[t._v("official documentation")]),t._v("。")])}]}},YA8a:function(t,e,a){t.exports=a("m4Ql")},m4Ql:function(t,e,a){var s=a("AVtK")(null,a("NeEa"),null,null,null);t.exports=s.exports}});