1 line
208 KiB
JavaScript
1 line
208 KiB
JavaScript
|
webpackJsonp([70],{"009j":function(A,e){"use strict";Object.defineProperty(e,"__esModule",{value:!0});var t=e.info={title:"Landscape",preview:"https://didi.github.io/mand-mobile/examples/#/landscape"},o=e.body="<p>To display ads or descriptions in a floating layer</p>\n<h3 id=\"Import\">Import<a href=\"javascript:jumpAnchor('Import')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h3\">#</a></h3><pre><code class=\"language-javascript\"><span class=\"hljs-keyword\">import</span> { Landscape } <span class=\"hljs-keyword\">from</span> <span class=\"hljs-string\">'mand-mobile'</span>\n\nVue.component(Landscape.name, Landscape)</code></pre>\n<h3 id=\"Code Examples\">Code Examples<a href=\"javascript:jumpAnchor('Code Examples')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h3\">#</a></h3><!-- DEMO -->\n\n<h3 id=\"API\">API<a href=\"javascript:jumpAnchor('API')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h3\">#</a></h3><h4 id=\"Landscape Props\">Landscape Props<a href=\"javascript:jumpAnchor('Landscape Props')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h4\">#</a></h4><table>\n<thead>\n<tr>\n<th>Props</th>\n<th>Description</th>\n<th>Type</th>\n<th>Default</th>\n<th>Note</th>\n</tr>\n</thead>\n<tbody><tr>\n<td>v-model</td>\n<td>display popup layer or not</td>\n<td>Boolean</td>\n<td><code>false</code></td>\n<td>-</td>\n</tr>\n<tr>\n<td>has-mask</td>\n<td>has mask or not</td>\n<td>Boolean</td>\n<td><code>true</code></td>\n<td>-</td>\n</tr>\n<tr>\n<td>mask-closable</td>\n<td>if popup layer can be closed through clicking on the mask</td>\n<td>Boolean</td>\n<td><code>false</code></td>\n<td>-</td>\n</tr>\n<tr>\n<td>full-screen</td>\n<td>whether display as full screen</td>\n<td>Boolean</td>\n<td><code>false</code></td>\n<td>-</td>\n</tr>\n<tr>\n<td>transition</td>\n<td>the animation effect of dialog</td>\n<td>String</td>\n<td>when <code>full-screen</code> is <code>true</code>, the default value is <code>md-fade</code>;otherwise the default value is <code>md-punch</code></td>\n<td>refer to <a href=\"https://didi.github.io/mand-mobile/#/en-US/docs/components/feedback/transition?anchor=API\">Transition</a> for optional values</td>\n</tr>\n<tr>\n<td>#### Landscape Events</td>\n<td></td>\n<td></td>\n<td></td>\n<td></td>\n</tr>\n</tbody></table>\n<h5 id=\"@show()\">@show()<a href=\"javascript:jumpAnchor('@show()')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h5\">#</a></h5><p>Display popup</p>\n<h5 id=\"@hide()\">@hide()<a href=\"javascript:jumpAnchor('@hide()')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h5\">#</a></h5><p>Hide popup</p>\n",a=e.toc="<a href=\"javascript:jumpAnchor('Import')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h3\">Import</a><a href=\"javascript:jumpAnchor('Code Examples')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h3\">Code Examples</a><a href=\"javascript:jumpAnchor('API')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h3\">API</a><a href=\"javascript:jumpAnchor('Landscape Props')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h4\">Landscape Props</a><a href=\"javascript:jumpAnchor('@show()')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h5\">@show()</a><a href=\"javascript:jumpAnchor('@hide()')\" class=\"mfe-blog-toc-item mfe-blog-toc-item-h5\">@hide()</a>"},"3/Jl":function(A,e){"use strict";e.a={render:function(){var A=this,e=A.$createElement,t=A._self._c||e;return t("div",{staticClass:"md-example-child md-example-child-landscape"},[t("md-button",{on:{click:function(){A.showPic=!0}}},[A._v("\u56FE\u7247\u5E7F\u544A")]),A._v(" "),t("md-landscape",{model:{value:A.showPic,callback:function(e){A.showPic=e},expression:"showPic"}},[t("img",{attrs:{src:"//manhattan.didistatic.com/static/manhattan/do1_6VL7HL8TYaUMsIfygfpz"}})]),A._v(" "),t("md-button",{nativeOn:{click:function(){A.showMaskClosable=!0}}},[A._v("\u70B9\u51FB\u8499\u5C42\u5173\u95ED")]),A._v(" "),t("md-landscape",{attrs:{"mask-closable":!0},model:{value:A.showMaskClosable,callback:function(e){A.showMaskClosable=e},expression:"showMaskClosable"}},[t("img",{attrs:{src:"//manhattan.didistatic.com/static/manhattan/do1_6VL7HL8TYaUMsIfygfpz"}})]),A._v(" "
|