大米CMS官网论坛,大米站长联盟,大米站长之家,大米开发者社区

 找回密码
 注册大米会员

QQ登录

只需一步,快速开始

查看: 1274|回复: 1

侧滑导航

[复制链接]

1

主题

1

帖子

21

积分

新手上路

Rank: 1

积分
21
发表于 2016-4-26 17:30:06 | 显示全部楼层 |阅读模式
<!-- 侧滑导航根容器 -->
    <div class="mui-off-canvas-wrap mui-draggable"  id="offCanvasWrapper">
           <!-- 菜单容器 -->
<aside class="mui-off-canvas-left" id="offCanvasSide">

  <!-- 菜单具体展示内容 -->
<ul class="mui-table-view mui-table-view-chevron mui-table-view-inverted">
        <li class="mui-table-view-cell">
                <a href="/" class="mui-navigate-right mui-ellipsis"><span class="mui-icon mui-icon-home"></span> 首页</a>
        </li>
        <volist name="menu" id="vo" offset="0" length='8' key="k">
        <li class="mui-table-view-cell">
                <a href="<eq name="vo.url" value="">{$vo.typeid|url=lists,###}<else/>__ROOT__{$vo.url}</eq>" class="mui-navigate-right mui-ellipsis"><span class="mui-icon {$icon[$k]}" style="color:#3da17f;padding-right:5px;"></span> {$vo.typename} </a>
        </li>
        </volist>
</ul>         
</aside>
<!-- 菜单容器 -->
<aside class="mui-off-canvas-right" id="canvas-right">      
  <!-- 菜单具体展示内容 -->
<div class="user-info">
<eq name="_SESSION['dami_uid']" value="">
        <a href="javascript:;">
                        <img class="mui-media-object mui-pull-left" src="__TMPL__/images/userheader.png">
                        <div class="mui-media-body">
                        {$config.sitetitle}
                                <p class='mui-ellipsis'>注册之后内容更精彩!</p>
                        </div>
                </a>
               
                <p style="text-align: center;">
                        <a href="{:U('Member/login')}" class="mui-btn mui-btn-outlined mui-btn-primary">登陆 </a>&nbsp;&nbsp;                        <a href="{:U('Member/register')}" class="mui-btn mui-btn-outlined mui-btn-primary">注册 </a>
                </p>
                <else/>
                <img class="mui-media-object mui-pull-left" src="{$_SESSION['dami_usericon']}">
                        <div class="mui-media-body">
                        {$config.sitetitle}
                                <p class='mui-ellipsis'>欢迎您!{$_SESSION['dami_username']}</p>
                        </div>
                       
                        <!--会员菜单-->
<ul class="mui-table-view mui-table-view-chevron mui-table-view-inverted">
<arclist model="member_menu" where="is_show=1" order="drand asc" key="k">
        <li class="mui-table-view-cell">
                <a href="__ROOT__{$vo.url}" class="mui-navigate-right mui-ellipsis"><span class="mui-icon {$vo.icon}"></span> {$vo.name}</a>
        </li>
</arclist>
</ul>
</eq>
               
</div>

</aside>








左侧侧滑好使 右侧侧滑不好使 求帮助


回复

使用道具 举报

364

主题

623

帖子

5034

积分

超级版主

Rank: 8Rank: 8

积分
5034

授权用户

发表于 2016-4-26 21:01:01 | 显示全部楼层
您手机看下 budui.damicms.com 可以右侧可以侧滑不
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册大米会员

本版积分规则

QQ|小黑屋|大米CMS社区 ( 蜀ICP备11002200号-2广告联系:广告联系 

Powered by 大米CMS

© 2010-2020 大米CMS Inc.

快速回复 返回顶部 返回列表