{"data":{"allPostTitles":{"edges":[{"node":{"frontmatter":{"title":""},"fields":{"slug":"mobile/"}}},{"node":{"frontmatter":{"title":""},"fields":{"slug":"mobile/"}}},{"node":{"frontmatter":{"title":""},"fields":{"slug":"mobile/"}}},{"node":{"frontmatter":{"title":""},"fields":{"slug":"mobile/"}}},{"node":{"frontmatter":{"title":""},"fields":{"slug":"mobile/"}}},{"node":{"frontmatter":{"title":"A Component Using External Plugins"},"fields":{"slug":"mobile/a-component-using-external-plugins"}}},{"node":{"frontmatter":{"title":"A Simple Component"},"fields":{"slug":"mobile/a-simple-component"}}},{"node":{"frontmatter":{"title":"A Stateful Component"},"fields":{"slug":"mobile/a-stateful-component"}}},{"node":{"frontmatter":{"title":"An Application"},"fields":{"slug":"mobile/an-application"}}},{"node":{"frontmatter":{"title":"Accordion"},"fields":{"slug":"mobile/accordion"}}},{"node":{"frontmatter":{"title":"ActivityIndicator"},"fields":{"slug":"mobile/activity-indicator"}}},{"node":{"frontmatter":{"title":"Badge"},"fields":{"slug":"mobile/badge"}}},{"node":{"frontmatter":{"title":"Button"},"fields":{"slug":"mobile/button"}}},{"node":{"frontmatter":{"title":"Box"},"fields":{"slug":"mobile/box"}}},{"node":{"frontmatter":{"title":"Card"},"fields":{"slug":"mobile/card"}}},{"node":{"frontmatter":{"title":"Checkbox"},"fields":{"slug":"mobile/checkbox"}}},{"node":{"frontmatter":{"title":"Grid"},"fields":{"slug":"mobile/grid"}}},{"node":{"frontmatter":{"title":"Image"},"fields":{"slug":"mobile/image"}}},{"node":{"frontmatter":{"title":"Icon"},"fields":{"slug":"mobile/icon"}}},{"node":{"frontmatter":{"title":"InputItem"},"fields":{"slug":"mobile/input-item"}}},{"node":{"frontmatter":{"title":"List"},"fields":{"slug":"mobile/list"}}},{"node":{"frontmatter":{"title":"ListItem"},"fields":{"slug":"mobile/list-item"}}},{"node":{"frontmatter":{"title":"NavBar"},"fields":{"slug":"mobile/nav-bar"}}},{"node":{"frontmatter":{"title":"NoticeBar"},"fields":{"slug":"mobile/notice-bar"}}},{"node":{"frontmatter":{"title":"Pagination"},"fields":{"slug":"mobile/pagination"}}},{"node":{"frontmatter":{"title":"Picker"},"fields":{"slug":"mobile/picker"}}},{"node":{"frontmatter":{"title":"Progress"},"fields":{"slug":"mobile/progress"}}},{"node":{"frontmatter":{"title":"Radio"},"fields":{"slug":"mobile/radio"}}},{"node":{"frontmatter":{"title":"Range"},"fields":{"slug":"mobile/range"}}},{"node":{"frontmatter":{"title":"SearchBar"},"fields":{"slug":"mobile/search-bar"}}},{"node":{"frontmatter":{"title":"SegmentedControl"},"fields":{"slug":"mobile/segmented-control"}}},{"node":{"frontmatter":{"title":"Slider"},"fields":{"slug":"mobile/slider"}}},{"node":{"frontmatter":{"title":"Stepper"},"fields":{"slug":"mobile/stepper"}}},{"node":{"frontmatter":{"title":"Steps"},"fields":{"slug":"mobile/steps"}}},{"node":{"frontmatter":{"title":"Switch"},"fields":{"slug":"mobile/switch"}}},{"node":{"frontmatter":{"title":"TabBar"},"fields":{"slug":"mobile/tab-bar"}}},{"node":{"frontmatter":{"title":"Tabs"},"fields":{"slug":"mobile/tabs"}}},{"node":{"frontmatter":{"title":"Tag"},"fields":{"slug":"mobile/tag"}}},{"node":{"frontmatter":{"title":"TextareaItem"},"fields":{"slug":"mobile/textarea-item"}}},{"node":{"frontmatter":{"title":"WhiteSpace"},"fields":{"slug":"mobile/white-space"}}},{"node":{"frontmatter":{"title":"WingBlank"},"fields":{"slug":"mobile/wing-blank"}}},{"node":{"frontmatter":{"title":"TabStatic"},"fields":{"slug":"mobile/tab-static"}}},{"node":{"frontmatter":{"title":"Carousel"},"fields":{"slug":"mobile/carousel"}}},{"node":{"frontmatter":{"title":"ListView"},"fields":{"slug":"mobile/list-view"}}}]},"postBySlug":{"html":"<div class=\"gatsby-highlight\">\n      <pre class=\"language-js\"><code class=\"language-js\"><span class=\"token punctuation\">{</span>\n  children<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span><span class=\"token punctuation\">{</span>\n    type<span class=\"token punctuation\">:</span> <span class=\"token string\">'Button'</span><span class=\"token punctuation\">,</span>\n    bind<span class=\"token punctuation\">:</span> <span class=\"token string\">'b1'</span><span class=\"token punctuation\">,</span>\n    getInitialState<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span> <span class=\"token operator\">=></span> <span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n      text<span class=\"token punctuation\">:</span> <span class=\"token string\">'Click me'</span><span class=\"token punctuation\">,</span>\n    <span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">,</span>\n    listeners<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n      onClick<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n        fns<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span><span class=\"token punctuation\">{</span>\n          <span class=\"token function\">fn</span><span class=\"token punctuation\">(</span><span class=\"token operator\">...</span>argv<span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span> console<span class=\"token punctuation\">.</span><span class=\"token function\">log</span><span class=\"token punctuation\">(</span><span class=\"token number\">1</span><span class=\"token punctuation\">,</span> argv<span class=\"token punctuation\">)</span> <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n        <span class=\"token punctuation\">}</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n      <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n    <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span> <span class=\"token punctuation\">{</span>\n    type<span class=\"token punctuation\">:</span> <span class=\"token string\">'Button'</span><span class=\"token punctuation\">,</span>\n    getInitialState<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span> <span class=\"token operator\">=></span> <span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n      text<span class=\"token punctuation\">:</span> <span class=\"token string\">'Click me'</span><span class=\"token punctuation\">,</span>\n      disabled<span class=\"token punctuation\">:</span> <span class=\"token boolean\">true</span><span class=\"token punctuation\">,</span>\n    <span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span> <span class=\"token punctuation\">{</span>\n    type<span class=\"token punctuation\">:</span> <span class=\"token string\">'Button'</span><span class=\"token punctuation\">,</span>\n    getInitialState<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span> <span class=\"token operator\">=></span> <span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n      text<span class=\"token punctuation\">:</span> <span class=\"token string\">'Click me'</span><span class=\"token punctuation\">,</span>\n      inline<span class=\"token punctuation\">:</span> <span class=\"token boolean\">true</span><span class=\"token punctuation\">,</span>\n    <span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">,</span>\n    listeners<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n      onClick<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">{</span>\n        fns<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">[</span><span class=\"token punctuation\">{</span>\n          <span class=\"token function\">fn</span><span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span> util <span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">{</span> util<span class=\"token punctuation\">.</span>toast<span class=\"token punctuation\">.</span><span class=\"token function\">success</span><span class=\"token punctuation\">(</span><span class=\"token string\">'test'</span><span class=\"token punctuation\">)</span> <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n        <span class=\"token punctuation\">}</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n      <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n    <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">,</span> <span class=\"token punctuation\">{</span>\n    type<span class=\"token punctuation\">:</span> <span class=\"token string\">'Button'</span><span class=\"token punctuation\">,</span>\n    getInitialState<span class=\"token punctuation\">:</span> <span class=\"token punctuation\">(</span><span class=\"token punctuation\">)</span> <span class=\"token operator\">=></span> <span class=\"token punctuation\">(</span><span class=\"token punctuation\">{</span>\n      text<span class=\"token punctuation\">:</span> <span class=\"token string\">'Click me'</span><span class=\"token punctuation\">,</span>\n      loading<span class=\"token punctuation\">:</span> <span class=\"token boolean\">true</span><span class=\"token punctuation\">,</span>\n    <span class=\"token punctuation\">}</span><span class=\"token punctuation\">)</span><span class=\"token punctuation\">,</span>\n  <span class=\"token punctuation\">}</span><span class=\"token punctuation\">]</span><span class=\"token punctuation\">,</span>\n<span class=\"token punctuation\">}</span>\n</code></pre>\n      </div>","excerpt":"","frontmatter":{"title":"Button","description":"按钮"},"fields":{"slug":"mobile/button"}}},"pathContext":{"slug":"mobile/button"}}