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

标题: 侧滑导航 [打印本页]

---

作者: chi737496    时间: 2016-4-26 17:30
标题: 侧滑导航
<!-- 侧滑导航根容器 -->
    <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>








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

---

作者: 追影    时间: 2016-4-26 21:01
您手机看下 budui.damicms.com 可以右侧可以侧滑不

---

欢迎光临 大米CMS官网论坛，大米站长联盟，大米站长之家，大米开发者社区 (https://www.damicms.com/bbs/)

Powered by Discuz! X3.1