ntonpower/app/index/view/zh-cn/common/nav.html

<!-- Header Area Start -->
<header>
  <div class="header-main sticky-nav">
    <div class="container position-relative">
      <div class="row">
        <div class="col-auto align-self-center">
          <div class="header-logo">
            <a log="a" href="{:url('/')}"><img log="img" src="__LOCAL__assets/images/logo/logo.png" alt="Site Logo" /></a>
          </div>
        </div>
        <div class="col align-self-center d-none d-lg-block">
          <div class="main-menu">
            <ul>
              {foreach $nav_info as $item}
              <li class="dropdown position-static">
                {if isset($item['children'])}
                <a log="a" href="{$item.url}">{$item.name} <i class="fa fa-angle-down"></i></a>
                <ul class="mega-menu d-block">
                  <li class="d-flex">
                    {foreach $item['children'] as $it}
                    <span><a log="a" href="{$it.url}"><img log="img" src="__STATIC__{$it.icon}" /></a></span>
                    {if isset($it['children'])}
                    <ul class="d-block">
                      <li class="title"><a log="a" href="{$it.url}">{$it.name}</a></li>
                      {foreach $it['children'] as $it1}
                      <li><a log="a" href="{$it1.url}">{$it1.name}</a></li>
                      {/foreach}
                    </ul>
                    {else}
                    <ul class="d-block">
                      <li class="title"><a log="a" href="{$it.url}">{$it.name}</a></li>
                    </ul>
                    {/if}
                    {/foreach}
                  </li>
                </ul>
                {else}
                <a log="a" href="{$item.url}">{$item.name}</a>
                {/if}
              </li>
              {/foreach}
            </ul>
          </div>
        </div>
        <!-- Header Action Start -->
        <div class="col col-lg-auto align-self-center pl-0">
          <div class="header-actions">
            <!-- Single Wedge Start -->
            <a log="a" href="#" class="header-action-btn" data-bs-toggle="modal" data-bs-target="#searchActive"
            ><i class="pe-7s-search"></i>
            </a>
            <div class="col align-self-center d-none d-lg-block">
              <div class="main-menu">
                <ul>
                  <li class="dropdown">
                    <a log="a" href="{$multi_lang['cn_web']['value']}">中文 <i class="fa fa-angle-down"></i></a>
                    <ul class="sub-menu">
                      <li><a log="a" href="https://www.ntonpower.com">EN</a></li>
                    </ul>
                  </li>
                </ul>
              </div>
            </div>
            <!-- Single Wedge End -->
            <a log="a" href="#offcanvas-mobile-menu" class="header-action-btn header-action-btn-menu offcanvas-toggle d-lg-none"
            ><i class="pe-7s-menu"></i
            ></a>
            <!-- Header Action End -->
          </div>
        </div>
      </div>
    </div>
  </div>
</header>
<!-- Header Area End -->
<!-- OffCanvas Cart End --><!-- OffCanvas Menu Start -->
<div id="offcanvas-mobile-menu" class="offcanvas offcanvas-mobile-menu">
  <button class="offcanvas-close"></button>
  <div class="inner customScroll">
    <div class="offcanvas-menu mb-4">
      <ul>
        <li>
          <a href="#"><span class="menu-text">中文</span></a>
          <ul class="sub-menu">
            <li>
              <a log="a" href="https://www.ntonpower.com"><span class="menu-text">EN</span></a>
            </li>
          </ul>
        </li>
        {foreach $nav_info as $item}
        <li>
          <a log="a" href="{$item.url}"><span class="menu-text">{$item.name}</span></a>
          {if isset($item['children'])}
          <ul class="sub-menu">
            {foreach $item['children'] as $it1}
            <li>
              <a href="#"><span class="menu-text">{$it1.name}</span></a>
              <ul class="sub-menu">
                {if isset($it1['children'])}
                {foreach $it1['children'] as $it2}
                <li><a href="{$it2.url}">{$it2.name}</a></li>
                {/foreach}
                {else}
                <li><a href="{$it1.url}">{$it1.name}</a></li>
                {/if}
              </ul>
            </li>
            {/foreach}
          </ul>
          {/if}
        </li>
        {/foreach}
      </ul>
    </div>

    <!-- OffCanvas Menu End -->
    <div class="payment-img">
      <a log="a" href="#"><img log="img" src="assets/images/zhihu.png" alt="" /></a>
      <a log="a" href="#"><img log="img" src="assets/images/weibo.png" alt="" /></a>
      <a log="a" href="#"><img log="img" src="assets/images/facebook.png" alt="" /></a>
      <a log="a" href="#"><img log="img" src="assets/images/Youtube.png" alt="" /></a>
    </div>
  </div>
</div>
<!-- OffCanvas Menu End -->
<!-- Banner Area End -->
<!-- Search Modal Start -->
<div class="modal popup-search-style" id="searchActive">
  <button type="button" class="close-btn" data-bs-dismiss="modal"><span aria-hidden="true">&times;</span></button>
  <div class="modal-overlay">
    <div class="modal-dialog p-0" role="document">
      <div class="modal-content">
        <div class="modal-body">
          <h2>搜索您的产品</h2>
          <form class="navbar-form position-relative" role="search" action="{:url('index/goods/index')}">
            <div class="form-group">
              <input type="text" class="form-control" name="model_number" placeholder="请输入产品型号..." />
            </div>
            <button type="submit" class="submit-btn"><i class="pe-7s-search"></i></button>
          </form>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- Search Modal End -->