<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ??一站式輕松地調用各大LLM模型接口,支持GPT4、智譜、豆包、星火、月之暗面及文生圖、文生視頻 廣告
                # 二級導航 為二級導航設置不同的樣式風格 ## 用法 使用以下類名來應用這個組件。對齊一個二級導航,比如水平居中,你可以使用 [Flex 組件](flex.html)。 | Class | 描述 | | --- | --- | | `.uk-subnav` | 添加此類名到 `&lt;ul&gt;` 元素中,并在列表內嵌 `&lt;a&gt;` 元素。 | | `.uk-active` | 為列表條目添加此類名,使其呈現選中狀態。 | | `.uk-disabled` | 為列表條目添加此類名,使其呈現禁用狀態。 | ### Example ![](https://box.kancloud.cn/2016-05-12_57346f2dea31f.jpg) ### Markup ``` <ul class="uk-subnav"> <li class="uk-active"><a href="">...</a></li> <li><a href="">...</a></li> <li class="uk-disabled"><a href="">...</a></li> </ul> ``` * * * ## 修飾 ### 二級導航的分隔線 添加 `.uk-subnav-line` 類名,用線條將菜單條目分隔開。 #### Example ![](https://box.kancloud.cn/2016-05-12_57346f2e07dff.jpg) ### Markup ``` <ul class="uk-subnav uk-subnav-line"> <li>...</li> </ul> ``` * * * ### 二級導航彈丸 添加 `.uk-subnav-pill` 類名,使選中狀態的菜單條目擁有背景色。只需為菜單條目添加`.uk-active` 類名,就能讓它呈現選中的狀態。 #### Example ![](https://box.kancloud.cn/2016-05-12_57346f2e182de.jpg) ### Markup ``` <ul class="uk-subnav uk-subnav-pill"> <li class="uk-active">...</li> </ul> ``` * * * ## 帶下拉菜單的二級導航 這個例子展示了如何使用帶有 [下拉菜單](dropdown.html) 的二級導航。 #### Example ![](https://box.kancloud.cn/2016-05-12_57346f2e28260.jpg) #### Markup ``` <ul class="uk-subnav"> <li><a href="">...</a></li> <!-- 這是啟用JavaScript的容器 --> <li data-uk-dropdown="{mode:'click'}"> <!-- 這是撥動下拉菜單的導航項 --> <a href="">...</a> <!-- 這是下拉菜單 --> <div class="uk-dropdown uk-dropdown-small"> <ul class="uk-nav uk-nav-dropdown"> <li><a href="">...</a></li> </ul> </div> </li> </ul> ```
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看