Commit 4eb16f89 authored by fxy060608's avatar fxy060608

mui docs

parent 29485d4b
...@@ -693,7 +693,7 @@ ...@@ -693,7 +693,7 @@
</article> </article>
<article class="component"> <article class="component">
<h3 class="component-title">Table view with toggles</h3> <h3 class="component-title">Table view with switches</h3>
<div class="component-example component-example-fullbleed"> <div class="component-example component-example-fullbleed">
<ul class="mui-table-view"> <ul class="mui-table-view">
...@@ -1053,8 +1053,8 @@ ...@@ -1053,8 +1053,8 @@
<!-- Toggle --> <!-- Toggle -->
<article class="component" id="toggles"> <article class="component" id="toggles">
<h3 class="component-title">Toggles</h3> <h3 class="component-title">Switches</h3>
<p class="component-description">Toggles can be used by sliding or tapping the control.</p> <p class="component-description">Switches can be used by sliding or tapping the control.</p>
<div class="component-example"> <div class="component-example">
<div class="mui-switch mui-active"> <div class="mui-switch mui-active">
...@@ -1069,12 +1069,12 @@ ...@@ -1069,12 +1069,12 @@
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;mui-switch-handle&quot;</span><span class="nt">&gt;&lt;/div&gt;</span> <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">&quot;mui-switch-handle&quot;</span><span class="nt">&gt;&lt;/div&gt;</span>
<span class="nt">&lt;/div&gt;</span></code></pre></div> <span class="nt">&lt;/div&gt;</span></code></pre></div>
<p class="component-description">Toggles.js binds an event to the document that returns a detail object and can be used to fire a callback.</p> <p class="component-description">Switches.js binds an event to the document that returns a detail object and can be used to fire a callback.</p>
<div class="highlight"><pre><code class="language-js" data-lang="js"><span class="c1">// Only needed if you want to fire a callback</span> <div class="highlight"><pre><code class="language-js" data-lang="js"><span class="c1">// Only needed if you want to fire a callback</span>
<span class="nb">document</span> <span class="nb">document</span>
<span class="p">.</span><span class="nx">querySelector</span><span class="p">(</span><span class="s1">&#39;#myToggle&#39;</span><span class="p">)</span> <span class="p">.</span><span class="nx">querySelector</span><span class="p">(</span><span class="s1">&#39;#myToggle&#39;</span><span class="p">)</span>
<span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span><span class="s1">&#39;mui-switch&#39;</span><span class="p">,</span> <span class="nx">myFunction</span><span class="p">)</span></code></pre></div> <span class="p">.</span><span class="nx">addEventListener</span><span class="p">(</span><span class="s1">&#39;toggle&#39;</span><span class="p">,</span> <span class="nx">myFunction</span><span class="p">)</span></code></pre></div>
</article> </article>
...@@ -1115,7 +1115,7 @@ ...@@ -1115,7 +1115,7 @@
<h3 class="component-title">Modals</h3> <h3 class="component-title">Modals</h3>
<div class="component-example"> <div class="component-example">
<a href="#myModalexample" class="mui-btn">Open mui-modal</a> <a href="#myModalexample" class="mui-btn">Open modal</a>
<div id="myModalexample" class="mui-modal"> <div id="myModalexample" class="mui-modal">
<header class="mui-bar mui-bar-nav"> <header class="mui-bar mui-bar-nav">
<a class="mui-icon mui-icon-close mui-pull-right" href="#myModalexample"></a> <a class="mui-icon mui-icon-close mui-pull-right" href="#myModalexample"></a>
...@@ -1126,7 +1126,7 @@ ...@@ -1126,7 +1126,7 @@
</div> </div>
</div> </div>
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">&quot;#myModalexample&quot;</span> <span class="na">class=</span><span class="s">&quot;mui-btn&quot;</span><span class="nt">&gt;</span>Open mui-modal<span class="nt">&lt;/a&gt;</span> <div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">&quot;#myModalexample&quot;</span> <span class="na">class=</span><span class="s">&quot;mui-btn&quot;</span><span class="nt">&gt;</span>Open modal<span class="nt">&lt;/a&gt;</span>
<span class="nt">&lt;div</span> <span class="na">id=</span><span class="s">&quot;myModalexample&quot;</span> <span class="na">class=</span><span class="s">&quot;mui-modal&quot;</span><span class="nt">&gt;</span> <span class="nt">&lt;div</span> <span class="na">id=</span><span class="s">&quot;myModalexample&quot;</span> <span class="na">class=</span><span class="s">&quot;mui-modal&quot;</span><span class="nt">&gt;</span>
<span class="nt">&lt;header</span> <span class="na">class=</span><span class="s">&quot;mui-bar mui-bar-nav&quot;</span><span class="nt">&gt;</span> <span class="nt">&lt;header</span> <span class="na">class=</span><span class="s">&quot;mui-bar mui-bar-nav&quot;</span><span class="nt">&gt;</span>
<span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;mui-icon mui-icon-close mui-pull-right&quot;</span> <span class="na">href=</span><span class="s">&quot;#myModalexample&quot;</span><span class="nt">&gt;&lt;/a&gt;</span> <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">&quot;mui-icon mui-icon-close mui-pull-right&quot;</span> <span class="na">href=</span><span class="s">&quot;#myModalexample&quot;</span><span class="nt">&gt;&lt;/a&gt;</span>
...@@ -1138,7 +1138,7 @@ ...@@ -1138,7 +1138,7 @@
<span class="nt">&lt;/div&gt;</span> <span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;/div&gt;</span></code></pre></div> <span class="nt">&lt;/div&gt;</span></code></pre></div>
<p class="component-description">Modals are designed to only fire from links. Set the value of the mui-switch links href to the id of a mui-modal.</p> <p class="component-description">Modals are designed to only fire from links. Set the value of the toggle links href to the id of a modal.</p>
</article> </article>
......
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
<urlset xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd" xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"> <urlset xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd" xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url> <url>
<loc>http://dcloudio.github.io/mui/</loc> <loc>http://dcloudio.github.io/mui/</loc>
<lastmod>2014-08-29T23:02:52+08:00</lastmod> <lastmod>2014-08-29T23:06:13+08:00</lastmod>
<changefreq>daily</changefreq> <changefreq>daily</changefreq>
<priority>1.0</priority> <priority>1.0</priority>
</url> </url>
...@@ -10,7 +10,7 @@ ...@@ -10,7 +10,7 @@
<url> <url>
<loc>http://dcloudio.github.io/mui/about/</loc> <loc>http://dcloudio.github.io/mui/about/</loc>
<lastmod>2014-08-29T23:02:52+08:00</lastmod> <lastmod>2014-08-29T23:06:13+08:00</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.7</priority> <priority>0.7</priority>
</url> </url>
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
<url> <url>
<loc>http://dcloudio.github.io/mui/components/</loc> <loc>http://dcloudio.github.io/mui/components/</loc>
<lastmod>2014-08-29T23:02:52+08:00</lastmod> <lastmod>2014-08-29T23:06:13+08:00</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.7</priority> <priority>0.7</priority>
</url> </url>
...@@ -28,7 +28,7 @@ ...@@ -28,7 +28,7 @@
<url> <url>
<loc>http://dcloudio.github.io/mui/getting-started/</loc> <loc>http://dcloudio.github.io/mui/getting-started/</loc>
<lastmod>2014-08-29T23:02:52+08:00</lastmod> <lastmod>2014-08-29T23:06:13+08:00</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.7</priority> <priority>0.7</priority>
</url> </url>
...@@ -39,7 +39,7 @@ ...@@ -39,7 +39,7 @@
<url> <url>
<loc>http://dcloudio.github.io/mui/javascript/</loc> <loc>http://dcloudio.github.io/mui/javascript/</loc>
<lastmod>2014-08-29T23:02:52+08:00</lastmod> <lastmod>2014-08-29T23:06:13+08:00</lastmod>
<changefreq>weekly</changefreq> <changefreq>weekly</changefreq>
<priority>0.7</priority> <priority>0.7</priority>
</url> </url>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment