nahaichuan/addons/official/view/web/official_common/mobile/nav.html

<!-- preloader -->
<div class="preloader">
    <div class="spinner"></div>
</div><!-- end preloader --><!-- navbar -->
<div class="navbar">
    <div class="container">
        <div class="row">
            <div class="col s3">
                <div class="content-left">
                    <a href="#slide-out" data-activates="slide-out" class="sidebar"><i class="fas fa-bars"></i></a>
                </div>
            </div>
            <div class="col s6">
                <div class="content-center">
                    <a href="javascript:;"><h1>{$basic['title']}</h1></a>
                </div>
            </div>
            <div class="col s3">

                <div class="content-right">
                    <a href="#slide-out-right" data-activates="slide-out-right" class="sidebar-right"><i class="fas fa-user"></i></a>
                </div>

<!--                {if $auth->isLogin()}-->
<!--                    <div class="content-right">-->
<!--                        <a href="#slide-out-right" data-activates="slide-out-right" class="sidebar-right"><i class="fas fa-user"></i></a>-->
<!--                    </div>-->
<!--                {else/}-->
<!--                    <div class="content-right">-->
<!--                        <a href="/index/user/login"><i class="fas fa-user"></i></a>-->
<!--                    </div>-->
<!--                {/if}-->

            </div>
        </div>
    </div>
</div><!-- end navbar --><!-- sidebar -->
<div class="sidebar-panel">
    <ul id="slide-out" class="collapsible side-nav">
        <li class="list-top">
            <a href="{:addon_url('official/web.official_home/index')}">{:__l('index','Website homepage')}</a>
        </li>
        {if count($all_official_category)}
            {foreach $all_official_category as $val}
                {if $val['is_nav_show']}
                    {if $val['is_nav_show'] && count($val['son'])}
                        <li>
                            <div class="collapsible-header {if (null !== input('param.pid')) && input('param.pid') == $val['id']} grey lighten-4 {/if}" >{:ze($val,'name')}<span><i class="fa fa-angle-right right"></i></span>
                            </div>
                            <div class="collapsible-body">
                                <ul>
                                    {foreach $val['son'] as $son}
                                    {if $son['is_nav_show']}
                                    <li>
                                        <a href="{:get_cate_url($son)}">{:ze($son,'name')}</a>
                                    </li>
                                    {/if}
                                    {/foreach}
                                </ul>
                            </div>
                        </li>
                    {else/}
                        <li {if (null !== input('param.pid')) && input('param.pid') == $val['id']} class="grey lighten-4" {/if}>
                            <a href="{:get_cate_url($val)}">{:ze($val,'name')}</a>
                        </li>
                    {/if}
                {/if}
            {/foreach}
        {/if}
    </ul>
</div><!-- end sidebar --><!-- sidebar right -->
<div class="sidebar-panel">
    <ul id="slide-out-right" class="collapsible side-nav">
        {if $auth->isLogin()}
            <li>
                <div class="user-view">
                    <img class="circle responsive-img" src="{:letter_avatar($auth->nickname)}" alt="">
                    <h5>
                        {$auth->nickname}
                    </h5>
                    <!--<p><i class="fas fa-bed"></i>Rooms: <span>14</span></p>-->
                </div>
            </li>
            <li id="top_2">
                <a href="{:addon_url('official/web.official_home/set_language')}?language=2&url={:base64_encode(request()->domain().request()->url())}" target="_self">简体中文&nbsp;</a>
                <a href="{:addon_url('official/web.official_home/set_language')}?language=1&url={:base64_encode(request()->domain().request()->url())}" target="_self">English</a>
            </li>
            <li>
                <a href="/index/user/logout" style="width: 90%;height: 2rem;line-height: 2rem;text-align: center;color: #fff;background: #ec3406;margin-left: 5%;border-radius: 10px" target="_self">[ {:__l('index','Sign out')} ]&nbsp;</a>
            </li>
        {else/}
            <div class="user-view">
                <img class="circle responsive-img" src="{:letter_avatar(__l('index','Sign in'))}" alt="">
            </div>
            </li>
            <li id="top_2">
                <a href="{:addon_url('official/web.official_home/set_language')}?language=2&url={:base64_encode(request()->domain().request()->url())}" target="_self">简体中文&nbsp;</a>
                <a href="{:addon_url('official/web.official_home/set_language')}?language=1&url={:base64_encode(request()->domain().request()->url())}" target="_self">English</a>
            </li>
            <li>
                <a href="/index/user/login" class="text-warning" style="width: 90%;height: 2rem;line-height: 2rem;text-align: center;color: #fff;background: #3b3f41;margin-left: 5%;border-radius: 10px" target="_self">[ {:__l('index','Sign in')} ]&nbsp;</a>
            </li>
        {/if}
    </ul>
</div><!-- end sidebar right --><!-- slide -->

<style>
    .captcha_input{
        width: 8rem !important;
    }
</style>
<div class="slide">
    <div class="layui-carousel" id="test1" lay-filter="test1">
        <div carousel-item="">
            {foreach $banners as $item}
            <div>
                <a {if $item['url']} href="{$item['url']}" target="_blank" {else/} href="javascript:;" {/if}>
                <img src="{$item['image']}" height="100%" width="100%">
                </a>
            </div>
            {/foreach}
        </div>
    </div>
</div><!-- end slide --><!-- booking -->



<script>
    layui.use(['carousel', 'form'], function(){
        var carousel = layui.carousel
            ,form = layui.form;
        //常规轮播
        carousel.render({
            elem: '#test1'
            ,interval: 3000
            ,width: '100%'
            ,height: '180px'
        });
    });
</script>