后台UI完善，体验优化
前端用户中心功能初始化
This commit is contained in:
+162
-163
@@ -1,182 +1,181 @@
|
||||
{include file="admin/public/header" /}
|
||||
<div class="wrapper">
|
||||
|
||||
<header class="main-header">
|
||||
<!-- Logo -->
|
||||
<a href="{:url('/admin/index/index')}" class="logo">
|
||||
<!-- mini logo for sidebar mini 50x50 pixels -->
|
||||
<span class="logo-mini"><b>S</b>ent</span>
|
||||
<!-- logo for regular state and mobile devices -->
|
||||
<span class="logo-lg"><b>Sent</b>CMS</span>
|
||||
<div class="wrapper">
|
||||
<header class="main-header">
|
||||
<!-- Logo -->
|
||||
<a href="{:url('/admin/index/index')}" class="logo">
|
||||
<!-- mini logo for sidebar mini 50x50 pixels -->
|
||||
<span class="logo-mini"><b>S</b>ent</span>
|
||||
<!-- logo for regular state and mobile devices -->
|
||||
<span class="logo-lg"><b>Sent</b>CMS</span>
|
||||
</a>
|
||||
<!-- Header Navbar: style can be found in header.less -->
|
||||
<nav class="navbar navbar-static-top">
|
||||
<!-- Sidebar toggle button-->
|
||||
<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
|
||||
<span class="sr-only">导航</span>
|
||||
</a>
|
||||
<!-- Header Navbar: style can be found in header.less -->
|
||||
<nav class="navbar navbar-static-top">
|
||||
<!-- Sidebar toggle button-->
|
||||
<a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
|
||||
<span class="sr-only">导航</span>
|
||||
</a>
|
||||
<div class="navbar-custom-menu" style="float: left;">
|
||||
<ul class="nav navbar-nav">
|
||||
{volist name="__menu__['main']" id="item"}
|
||||
<li class="{$item['style']}">
|
||||
<a href="{$item['url']|url}">
|
||||
<i class="fa fa-{$item['icon']|default='file'}"></i>
|
||||
<span>{$item['title']}</span>
|
||||
<div class="navbar-custom-menu" style="float: left;">
|
||||
<ul class="nav navbar-nav">
|
||||
{volist name="__menu__['main']" id="item"}
|
||||
<li class="{$item['style']}">
|
||||
<a href="{$item['url']|url}">
|
||||
<i class="fa fa-{$item['icon']|default='file'}"></i>
|
||||
<span>{$item['title']}</span>
|
||||
</a>
|
||||
</li>
|
||||
{/volist}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="navbar-custom-menu">
|
||||
<ul class="nav navbar-nav">
|
||||
<!-- User Account: style can be found in dropdown.less -->
|
||||
<li class="dropdown user user-menu">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
|
||||
<img src="__plugins__/adminlte/img/user2-160x160.jpg" class="user-image" alt="User Image">
|
||||
<span class="hidden-xs">{:session('userInfo.nickname')}</span>
|
||||
</a>
|
||||
</li>
|
||||
{/volist}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="navbar-custom-menu">
|
||||
<ul class="nav navbar-nav">
|
||||
<!-- User Account: style can be found in dropdown.less -->
|
||||
<li class="dropdown user user-menu">
|
||||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
|
||||
<img src="__plugins__/adminlte/img/user2-160x160.jpg" class="user-image" alt="User Image">
|
||||
<span class="hidden-xs">{:session('userInfo.nickname')}</span>
|
||||
</a>
|
||||
<ul class="dropdown-menu">
|
||||
<!-- User image -->
|
||||
<li class="user-header">
|
||||
<img src="__plugins__/adminlte/img/user2-160x160.jpg" class="img-circle" alt="User Image">
|
||||
<ul class="dropdown-menu">
|
||||
<!-- User image -->
|
||||
<li class="user-header">
|
||||
<img src="__plugins__/adminlte/img/user2-160x160.jpg" class="img-circle" alt="User Image">
|
||||
|
||||
<p>
|
||||
{:session('userInfo.nickname')} - Web Developer
|
||||
<small>Member since Nov. 2012</small>
|
||||
</p>
|
||||
</li>
|
||||
<!-- Menu Body -->
|
||||
<li class="user-body">
|
||||
<div class="row">
|
||||
<div class="col-xs-4 text-center">
|
||||
<a href="{:url('front.Index/index')}">网站首页</a>
|
||||
</div>
|
||||
<div class="col-xs-4 text-center">
|
||||
<a href="{:url('/admin/user/editpwd')}">修改密码</a>
|
||||
</div>
|
||||
<div class="col-xs-4 text-center">
|
||||
<a href="{:url('/admin/user/edit')}">修改资料</a>
|
||||
</div>
|
||||
<p>
|
||||
{:session('userInfo.nickname')}
|
||||
<small>Member since Nov. 2012</small>
|
||||
</p>
|
||||
</li>
|
||||
<!-- Menu Body -->
|
||||
<li class="user-body">
|
||||
<div class="row">
|
||||
<div class="col-xs-4 text-center">
|
||||
<a href="{:url('front.Index/index')}">网站首页</a>
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
</li>
|
||||
<!-- Menu Footer-->
|
||||
<li class="user-footer">
|
||||
<div class="pull-left">
|
||||
<a href="{:url('/admin/index/clear')}" class="btn btn-default btn-flat">更新缓存</a>
|
||||
<div class="col-xs-4 text-center">
|
||||
<a href="{:url('/admin/user/editpwd')}">修改密码</a>
|
||||
</div>
|
||||
<div class="pull-right">
|
||||
<a href="{:url('/admin/index/logout')}" class="btn btn-default btn-flat">退出</a>
|
||||
<div class="col-xs-4 text-center">
|
||||
<a href="{:url('/admin/user/edit')}">修改资料</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<!-- Control Sidebar Toggle Button -->
|
||||
<li>
|
||||
<a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<!-- Left side column. contains the logo and sidebar -->
|
||||
<aside class="main-sidebar">
|
||||
<!-- sidebar: style can be found in sidebar.less -->
|
||||
<section class="sidebar">
|
||||
<!-- Sidebar user panel -->
|
||||
<div class="user-panel">
|
||||
<div class="pull-left image">
|
||||
<img src="__plugins__/adminlte/img/user2-160x160.jpg" class="img-circle" alt="User Image">
|
||||
</div>
|
||||
<div class="pull-left info">
|
||||
<p>{:session('userInfo.nickname')}</p>
|
||||
<a href="#"><i class="fa fa-circle text-success"></i> 在线</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.search form -->
|
||||
<!-- sidebar menu: : style can be found in sidebar.less -->
|
||||
<ul class="sidebar-menu">
|
||||
{volist name="__menu__['child']" id="nav"}
|
||||
<li class="header">{$key}</li>
|
||||
{volist name="nav" id="item"}
|
||||
{if isset($item['_child'])}
|
||||
<li class="treeview">
|
||||
<a href="#">
|
||||
<i class="fa fa-{$item['icon']|default='file'}"></i> <span>{$item['title']}</span><span class="pull-right-container"><i class="fa fa-angle-left pull-right"></i></span>
|
||||
</a>
|
||||
<ul class="treeview-menu">
|
||||
{volist name="item['_child']" id="vo" key="k"}
|
||||
<li class="{$vo['style']}"><a href="{$vo['url']}"><i class="fa fa-{$vo['icon']|default='file'}"></i><span>{$vo['title']}</span></a></li>
|
||||
{/volist}
|
||||
</div>
|
||||
<!-- /.row -->
|
||||
</li>
|
||||
<!-- Menu Footer-->
|
||||
<li class="user-footer">
|
||||
<div class="pull-left">
|
||||
<a href="{:url('/admin/index/clear')}" class="btn btn-default btn-flat">更新缓存</a>
|
||||
</div>
|
||||
<div class="pull-right">
|
||||
<a href="{:url('/admin/index/logout')}" class="btn btn-default btn-flat">退出</a>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
{else/}
|
||||
<!-- Control Sidebar Toggle Button -->
|
||||
<li>
|
||||
<a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
<!-- Left side column. contains the logo and sidebar -->
|
||||
<aside class="main-sidebar">
|
||||
<!-- sidebar: style can be found in sidebar.less -->
|
||||
<section class="sidebar">
|
||||
<!-- Sidebar user panel -->
|
||||
<div class="user-panel">
|
||||
<div class="pull-left image">
|
||||
<img src="__plugins__/adminlte/img/user2-160x160.jpg" class="img-circle" alt="User Image">
|
||||
</div>
|
||||
<div class="pull-left info">
|
||||
<p>{:session('userInfo.nickname')}</p>
|
||||
<a href="#"><i class="fa fa-circle text-success"></i> 在线</a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- /.search form -->
|
||||
<!-- sidebar menu: : style can be found in sidebar.less -->
|
||||
<ul class="sidebar-menu">
|
||||
{volist name="__menu__['child']" id="nav"}
|
||||
<li class="header">{$key}</li>
|
||||
{volist name="nav" id="item"}
|
||||
{if isset($item['_child'])}
|
||||
<li class="treeview">
|
||||
<a href="#">
|
||||
<i class="fa fa-{$item['icon']|default='file'}"></i> <span>{$item['title']}</span><span class="pull-right-container"><i class="fa fa-angle-left pull-right"></i></span>
|
||||
</a>
|
||||
<ul class="treeview-menu">
|
||||
{volist name="item['_child']" id="vo" key="k"}
|
||||
<li class="{$vo['style']}"><a href="{$vo['url']}"><i class="fa fa-{$vo['icon']|default='file'}"></i><span>{$vo['title']}</span></a></li>
|
||||
{/volist}
|
||||
</ul>
|
||||
</li>
|
||||
{else/}
|
||||
<li class="{$item['style']}">
|
||||
<a href="{$item['url']}">
|
||||
<i class="fa fa-{$item['icon']|default='file'}"></i>
|
||||
<span>{$item['title']}</span>
|
||||
</a>
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
{/volist}
|
||||
{if isset($extend_menu)}
|
||||
{volist name="extend_menu" id="sub"}
|
||||
{if is_string($key)}<li class="header">{$key}</li>{/if}
|
||||
{volist name="sub" id="item"}
|
||||
<li class="{$item['style']}">
|
||||
<a href="{$item['url']}">
|
||||
<i class="fa fa-{$item['icon']|default='file'}"></i>
|
||||
<span>{$item['title']}</span>
|
||||
</a>
|
||||
</li>
|
||||
{/if}
|
||||
{/volist}
|
||||
{/volist}
|
||||
{if isset($extend_menu)}
|
||||
{volist name="extend_menu" id="sub"}
|
||||
{if is_string($key)}<li class="header">{$key}</li>{/if}
|
||||
{volist name="sub" id="item"}
|
||||
<li class="{$item['style']}">
|
||||
<a href="{$item['url']}">
|
||||
<i class="fa fa-{$item['icon']|default='file'}"></i>
|
||||
<span>{$item['title']}</span>
|
||||
</a>
|
||||
</li>
|
||||
{/volist}
|
||||
{/volist}
|
||||
{/if}
|
||||
<li class="header">相关连接</li>
|
||||
<li><a href="https://www.kancloud.cn/tensent/sentcms4/content" target="_blank"><i class="fa fa-file-text text-red"></i> <span>开发文档</span></a></li>
|
||||
<li><a href="https://www.tensent.cn/" target="_blank"><i class="fa fa-globe text-yellow"></i> <span>官方网站</span></a></li>
|
||||
<li><a href="https://jq.qq.com/?_wv=1027&k=5v72Y0v" target="_blank"><i class="fa fa-qq text-aqua"></i> <span>开发交流群</span></a></li>
|
||||
</ul>
|
||||
</section>
|
||||
<!-- /.sidebar -->
|
||||
</aside>
|
||||
|
||||
|
||||
<!-- Content Wrapper. Contains page content -->
|
||||
<div class="content-wrapper">
|
||||
<!-- Content Header (Page header) -->
|
||||
<section class="content-header">
|
||||
<h1> </h1>
|
||||
<ol class="breadcrumb">
|
||||
<li><a href="{:url('/admin/index/index')}"><i class="fa fa-dashboard"></i> 后台首页</a></li>
|
||||
<li class="active">{$meta_title}</li>
|
||||
</ol>
|
||||
<div style="clear: both;"></div>
|
||||
</section>
|
||||
|
||||
<!-- Main content -->
|
||||
<section class="content">{block name="body"}{/block}</section>
|
||||
</div>
|
||||
<!-- /.content-wrapper -->
|
||||
<footer class="main-footer">
|
||||
<div class="pull-right hidden-xs">
|
||||
<b>Version</b> 4.x
|
||||
</div>
|
||||
<strong>Copyright © 2013-2020 <a href="https://www.tensent.cn">SentCMS</a>.</strong> All rights
|
||||
reserved.
|
||||
</footer>
|
||||
|
||||
<!-- Control Sidebar -->
|
||||
<aside class="control-sidebar control-sidebar-dark">
|
||||
<!-- Create the tabs -->
|
||||
<ul class="nav nav-tabs nav-justified control-sidebar-tabs">
|
||||
{/volist}
|
||||
{/if}
|
||||
<li class="header">相关连接</li>
|
||||
<li><a href="https://www.kancloud.cn/tensent/sentcms4/content" target="_blank"><i class="fa fa-file-text text-red"></i> <span>开发文档</span></a></li>
|
||||
<li><a href="https://www.tensent.cn/" target="_blank"><i class="fa fa-globe text-yellow"></i> <span>官方网站</span></a></li>
|
||||
<li><a href="https://jq.qq.com/?_wv=1027&k=5v72Y0v" target="_blank"><i class="fa fa-qq text-aqua"></i> <span>开发交流群</span></a></li>
|
||||
</ul>
|
||||
<!-- Tab panes -->
|
||||
<div class="tab-content" id="control-sidebar-content">
|
||||
</div>
|
||||
</aside>
|
||||
<!-- /.control-sidebar -->
|
||||
</section>
|
||||
<!-- /.sidebar -->
|
||||
</aside>
|
||||
|
||||
|
||||
<!-- Content Wrapper. Contains page content -->
|
||||
<div class="content-wrapper">
|
||||
<!-- Content Header (Page header) -->
|
||||
<section class="content-header">
|
||||
<h1> </h1>
|
||||
<ol class="breadcrumb">
|
||||
<li><a href="{:url('/admin/index/index')}"><i class="fa fa-dashboard"></i> 后台首页</a></li>
|
||||
<li class="active">{$meta_title}</li>
|
||||
</ol>
|
||||
<div style="clear: both;"></div>
|
||||
</section>
|
||||
|
||||
<!-- Main content -->
|
||||
<section class="content">{block name="body"}{/block}</section>
|
||||
</div>
|
||||
<!-- /.content-wrapper -->
|
||||
<footer class="main-footer">
|
||||
<div class="pull-right hidden-xs">
|
||||
<b>Version</b> 4.x
|
||||
</div>
|
||||
<strong>Copyright © 2013-2020 <a href="https://www.tensent.cn">SentCMS</a>.</strong> All rights
|
||||
reserved.
|
||||
</footer>
|
||||
|
||||
<!-- Control Sidebar -->
|
||||
<aside class="control-sidebar control-sidebar-dark">
|
||||
<!-- Create the tabs -->
|
||||
<ul class="nav nav-tabs nav-justified control-sidebar-tabs">
|
||||
</ul>
|
||||
<!-- Tab panes -->
|
||||
<div class="tab-content" id="control-sidebar-content">
|
||||
</div>
|
||||
</aside>
|
||||
<!-- /.control-sidebar -->
|
||||
</div>
|
||||
{include file="admin/public/footer" /}
|
||||
@@ -10,7 +10,7 @@
|
||||
{assign name="info" value="" /}
|
||||
{/if}
|
||||
{if !empty($fieldGroup)}
|
||||
<div class="tabs-wrapper">
|
||||
<div class="nav-tabs-custom">
|
||||
<ul class="nav nav-tabs">
|
||||
{volist name="fieldGroup" id="vGroup"}
|
||||
<li {if $i eq 1}class="active"{/if}><a href="#tab{$key}" data-toggle="tab">{$key}</a></li>
|
||||
@@ -54,7 +54,7 @@
|
||||
<div class="form-group">
|
||||
<div class="col-sm-offset-2 col-sm-10">
|
||||
{if isset($info['id'])}<input type="hidden" name="id" value="{$info['id']|default=''}">{/if}
|
||||
<button class="btn btn-success submit-btn ajax-post" type="submit" target-form="form-horizontal">确 定</button>
|
||||
<button class="btn btn-success submit-btn" type="submit">确 定</button>
|
||||
<button class="btn btn-danger btn-return" onclick="javascript:history.back(-1);return false;">返 回</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,51 +0,0 @@
|
||||
<div id="config-tool" class="closed hidden-sm">
|
||||
<a id="config-tool-cog">
|
||||
<i class="fa fa-cog"></i>
|
||||
</a>
|
||||
<div id="config-tool-options">
|
||||
<h4>布局选项</h4>
|
||||
<ul>
|
||||
<li>
|
||||
<div class="checkbox-nice">
|
||||
<input type="checkbox" id="config-boxed-layout"/>
|
||||
<label for="config-boxed-layout">内嵌布局</label>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
<div class="checkbox-nice">
|
||||
<input type="checkbox" id="config-sidebar-samll"/>
|
||||
<label for="config-sidebar-samll">小菜单</label>
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
<br/>
|
||||
<h4>皮肤颜色</h4>
|
||||
<ul id="skin-colors" class="clearfix">
|
||||
<li>
|
||||
<a class="skin-changer" data-skin="" data-toggle="tooltip" title="默认" style="background-color: #34495e;"></a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="skin-changer" data-skin="theme-white" data-toggle="tooltip" title="白/绿" style="background-color: #2ecc71;"></a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="skin-changer blue-gradient" data-skin="theme-blue-gradient" data-toggle="tooltip" title="渐变"></a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="skin-changer" data-skin="theme-turquoise" data-toggle="tooltip" title="绿色海洋" style="background-color: #1abc9c;"></a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="skin-changer" data-skin="theme-amethyst" data-toggle="tooltip" title="紫水晶" style="background-color: #9b59b6;"></a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="skin-changer" data-skin="theme-blue" data-toggle="tooltip" title="蓝色" style="background-color: #2980b9;"></a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="skin-changer" data-skin="theme-red" data-toggle="tooltip" title="红色" style="background-color: #e74c3c;"></a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="skin-changer" data-skin="theme-whbl" data-toggle="tooltip" title="白/蓝" style="background-color: #3498db;"></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<script src="__js__/skin-changer.js"></script>
|
||||
Reference in New Issue
Block a user