菜鸟教程小白 发表于 2022-12-13 05:40:43

ios - 在高分辨率下默认关闭 ionic 菜单 | Angular 和 ionic 4


                                            <p><p>我正在为 iOS 设备(平板电脑和智能手机)制作应用程序。
我想关闭菜单，由用户决定何时打开。</p>

<p>在 iPad Air 和 iPhone 上，菜单可以正确显示，但是当我在 iPad Pro 上启动应用程序时，分辨率太高且菜单始终可见。</p>

<p><strong>iPad pro</strong>(菜单自动打开):</p>

<p> <a href="/image/Eoxs7.png" rel="noreferrer noopener nofollow"><img src="/image/Eoxs7.png" alt="enter image description here"/></a> </p>

<p><strong>iPad Air 和 iPhone</strong>(菜单在启动时正确关闭):</p>

<p> <a href="/image/WTXbS.png" rel="noreferrer noopener nofollow"><img src="/image/WTXbS.png" alt="enter image description here"/></a> </p>

<p>所以我的菜单代码:</p>

<pre><code>&lt;ion-split-pane class=&#34;actionApp&#34;&gt;
&lt;ion-menu side=&#34;start&#34;&gt;
      &lt;ion-header&gt;
      &lt;ion-toolbar&gt;
          &lt;ion-title&gt;Menu&lt;/ion-title&gt;
      &lt;/ion-toolbar&gt;
      &lt;/ion-header&gt;
      &lt;ion-content&gt;
      &lt;ion-list&gt;
          &lt;ion-item (click)=&#34;goToPage(&#39;/homepage&#39;)&#34;&gt;
            &lt;ion-icon name=&#34;home&#34; slot=&#34;start&#34;&gt;&lt;/ion-icon&gt;
            &lt;ion-label&gt;Home&lt;/ion-label&gt;
          &lt;/ion-item&gt;
          &lt;ion-item&gt;
            &lt;ion-icon name=&#34;person&#34; slot=&#34;start&#34;&gt;&lt;/ion-icon&gt;
            &lt;ion-label&gt;Profile&lt;/ion-label&gt;
          &lt;/ion-item&gt;
          &lt;ion-item&gt;
            &lt;ion-icon name=&#34;chatbubbles&#34; slot=&#34;start&#34;&gt;&lt;/ion-icon&gt;
            &lt;ion-label&gt;Messages&lt;/ion-label&gt;
          &lt;/ion-item&gt;
          &lt;ion-item&gt;
            &lt;ion-icon name=&#34;settings&#34; slot=&#34;start&#34;&gt;&lt;/ion-icon&gt;
            &lt;ion-label&gt;Settings&lt;/ion-label&gt;
          &lt;/ion-item&gt;
      &lt;/ion-list&gt;
      &lt;/ion-content&gt;
    &lt;/ion-menu&gt;
&lt;!-- &lt;div class=&#34;loading&#34;&gt;
&lt;ion-progress-bar class=&#34;loading-background&#34; color=&#34;light&#34; type=&#34;indeterminate&#34;&gt;&lt;/ion-progress-bar&gt;
&lt;/div&gt; --&gt;
&lt;ion-router-outlet main&gt;&lt;/ion-router-outlet&gt;   
</code></pre>

<p></p>

<p>如何关闭菜单？
谢谢</p></p>
                                    <br><hr><h1><strong>Best Answer-推荐答案</ strong></h1><br>
                                            <p><p>您必须删除 <code><ion-split-pane></code> 标记。
来自文档:</p>

<blockquote>
<p>A split pane is useful when creating multi-view layouts. It allows UI elements, like menus, to be displayed as the viewport width increases.</p>
</blockquote>

<p> <a href="https://ionicframework.com/docs/api/split-pane" rel="noreferrer noopener nofollow">Link to ion-split-pane docs</a> </p></p>
                                   
                                                <p style="font-size: 20px;">关于ios - 在高分辨率下默认关闭 ionic 菜单 | Angular 和 ionic4，我们在Stack Overflow上找到一个类似的问题：
                                                        <a href="https://stackoverflow.com/questions/57869008/" rel="noreferrer noopener nofollow" style="color: red;">
                                                                https://stackoverflow.com/questions/57869008/
                                                        </a>
                                                </p>
                                       
页: [1]
查看完整版本: ios - 在高分辨率下默认关闭 ionic 菜单 | Angular 和 ionic 4