xtu_mall/app/index/view/index_layout.html

<!DOCTYPE html>
<html>

<head>
    {include file="common/meta" /}
</head>

<body class="body light-theme">
    <div class="fly-header">
        <div class="layui-container">
            <div class="fly-head layui-clear">
                <!-- Logo -->
                <a class="fly-logo" href="{:url('/')}">
                    <h2>{$site.name}</h2>
                </a>
                
                <!-- 桌面端导航 -->
                <div class="fly-nav-desktop">
                    <ul class="layui-nav fly-nav layui-nav-right">
                        <!-- 搜索 -->
                        <li class="layui-nav-item">
                            <a href="javascript:;" class="nav-search" title="搜索">
                                <i class="iconfont icon-search"></i>
                                <span>搜索</span>
                            </a>
                        </li>
                        <!-- 语言 -->
                        <li class="layui-nav-item">
                            <a href="javascript:;" title="语言">
                                <i class="iconfont icon-language"></i>
                                <span>语言</span>
                            </a>
                            <dl class="layui-nav-child">
                                <dd><a href="javascript:;">简体中文</a></dd>
                                <dd><a href="javascript:;">English</a></dd>
                            </dl>
                        </li>
                        <!-- 商城 -->
                        <li class="layui-nav-item">
                            <a href="{:url('shop/index')}" title="商城">
                                <i class="iconfont icon-shop"></i>
                                <span>商城</span>
                            </a>
                        </li>
                        <!-- 首页 -->
                        <li class="layui-nav-item layui-this">
                            <a href="{:url('/')}">首页</a>
                        </li>
                        <!-- 用户 -->
                        <li class="layui-nav-item fly-nav-user">
                            <a class="fly-nav-avatar" href="javascript:;">
                                <img src="{$user.avatar}">
                                <cite>{$user.username}</cite>
                            </a>
                            <dl class="layui-nav-child">
                                <dd><a href="{:url('user/index')}"><i class="iconfont icon-user-3-fill"></i>用户中心</a></dd>
                                <dd><a href="{:url('user/profile')}"><i class="iconfont icon-settings-4-fill"></i>基本设置</a></dd>
                                <hr style="margin: 5px 0;">
                                <dd><a href="{:url('user/logout')}" style="text-align: center;">退出</a></dd>
                            </dl>
                        </li>
                    </ul>
                </div>
                
                <!-- 移动端菜单按钮 -->
                <div class="navbar-toggle">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </div>
            </div>

            <!-- 移动端下拉菜单 -->
            <div class="navbar-collapse layui-hide">
                <ul class="layui-nav fly-nav-mobile layui-nav-tree">
                    <!-- 搜索 -->
                    <li class="layui-nav-item">
                        <a href="javascript:;"><i class="iconfont icon-search"></i> 搜索</a>
                    </li>
                    <!-- 语言（简化） -->
                    <li class="layui-nav-item">
                        <a href="javascript:;"><i class="iconfont icon-language"></i> 语言</a>
                        <dl class="layui-nav-child">
                            <dd><a href="javascript:;">简体中文</a></dd>
                            <dd><a href="javascript:;">English</a></dd>
                        </dl>
                    </li>
                    <!-- 商城（简化） -->
                    <li class="layui-nav-item">
                        <a href="{:url('shop/index')}"><i class="iconfont icon-shop"></i> 商城</a>
                    </li>
                    <!-- 首页 -->
                    <li class="layui-nav-item layui-this">
                        <a href="{:url('/')}">首页</a>
                    </li>
                    <!-- 用户 -->
                    <li class="layui-nav-item fly-nav-user">
                        <a class="fly-nav-avatar" href="javascript:;">
                            <img src="{$user.avatar}">
                            <cite>{$user.username}</cite>
                        </a>
                        <dl class="layui-nav-child">
                            <dd><a href="{:url('user/index')}"><i class="iconfont icon-user-3-fill"></i> 用户中心</a></dd>
                            <dd><a href="{:url('user/profile')}"><i class="iconfont icon-settings-4-fill"></i> 基本设置</a></dd>
                            <hr style="margin: 5px 0;">
                            <dd><a href="{:url('user/logout')}" style="text-align: center;">退出</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="layui-container fly-user-main">
        <div class="fly-aside">
            <div class="fly-userinfo">
                <div class="fly-avatar-img">
                    <img class="fly-avatar" src="{$user.avatar}">
                    {if $user.gender==1}
                    <i class="layui-icon layui-icon-male"></i>
                    {/if}
                    {if $user.gender==2}
                    <i class="layui-icon layui-icon-female"></i>
                    {/if}
                </div>
                <p class="fly-username">{$user.username}</p>
                <div class="layui-btn-group">
                  <button type="button" class="layui-btn layui-btn-primary layui-border layui-btn-sm">余额 {$user.amount}</button>
                  <button type="button" class="layui-btn layui-btn-primary layui-border layui-btn-sm">积分 {$user.point}</button>
                </div>
            </div>

            <ul class="layui-nav layui-nav-tree layui-inline" lay-filter="user" lay-shrink="all">
                {:hook('user_sidenav_before')}
                <li class="layui-nav-item {:check_nav_active('user/index')}">
                    <a href="{:url('user/index')}"><i class="iconfont icon-user-3-fill"></i>&nbsp;用户中心</a>
                </li>
                <li class="layui-nav-item {:check_nav_active('user/profile')}">
                    <a href="{:url('user/profile')}"><i class="iconfont icon-settings-4-fill"></i>&nbsp;基本设置</a>
                </li>
                {:hook('user_sidenav_after')}
            </ul>
            <div class="site-tree-mobile layui-hide">
                <i class="layui-icon">&#xe602;</i>
            </div>
            <div class="site-mobile-shade"></div>
        </div>
        <div class="fly-panel fly-panel-user" pad20>
            {block name="main"}主内容{/block}
        </div>
    </div>
    <footer class="fly-footer" style="clear:both">
        <p class="copyright">Copyright&nbsp;©&nbsp;{:date("Y")} {$site.name} All Rights Reserved <a href="https://beian.miit.gov.cn" target="_blank">{$site.web_site_icp}</a></p>
    </footer>
    {include file="common/script" /}
</body>

</html>