Skip to content

Commit

Permalink
修复弹窗小叉不居中，增加当前菜单选中样式
Browse files Browse the repository at this point in the history
  • Loading branch information
@hubinjie
hubinjie committed Mar 2, 2016
1 parent 087e757 commit 2685b04
Show file tree
Hide file tree
Showing 4 changed files with 45 additions and 30 deletions.
3 changes: 3 additions & 0 deletions application/core/MY_Controller.php
View file
Expand Up @@ -500,6 +500,7 @@ protected function view($view_file,$sub_page_data=NULL,$cache=false)

$find_menu=false;
$menu_id = 0;
$third_menu_id = 0;//第三个菜单ID

if($this->current_role_priv_arr)
foreach($this->cache_module_menu_arr as $k=>$_value)
Expand All @@ -516,6 +517,7 @@ protected function view($view_file,$sub_page_data=NULL,$cache=false)
$arr_parentid = explode(",",$_value['arr_parentid']);
if(count($arr_parentid)>=2) {
$parent_id =$arr_parentid[1];
$third_menu_id =isset($arr_parentid[3])? $arr_parentid[3]:$menu_id;
}else{
$parent_id =$_value['menu_id'];
}
Expand All @@ -534,6 +536,7 @@ protected function view($view_file,$sub_page_data=NULL,$cache=false)

$page_data['menu_data'] = $sub_page_data['menu_data']= $menu_data;
$page_data['current_pos']=$this->current_pos($menu_id);
$page_data['third_menu_id']=$third_menu_id;
$page_data['sub_page']=$this->load->view(reduce_double_slashes($view_file),$sub_page_data,true);
$this->load->view('adminpanel/header',$page_data);
$this->load->view('adminpanel/index',$page_data);
Expand Down
32 changes: 17 additions & 15 deletions application/views/adminpanel/index.php
View file
Expand Up @@ -34,21 +34,23 @@ class="fa fa-<?php echo $v['css_icon'] ?>"></i><span><?php echo $v['menu_name']
<div class="container-fluid">
<div class="row">
<div class="col-sm-3 col-md-2 sidebar">
<?php if ($sub_menu_data) foreach ($sub_menu_data as $k => $v): ?>
<div class="list-group">
<a href="#" class="list-group-item active"><?php echo $v['menu_name'] ?> </a>
<?php
$sub_array = $v['sub_array'];
if ($sub_array)
foreach ($sub_array as $key => $m) {
?>
<a href="<?php echo $m['url'] ?>"
class="list-group-item"><?php echo $m['menu_name'] ?> <i class="fa fa-chevron-right"></i></a>
<?php
}
?>
</div>
<?php endforeach; ?>
<aside>
<?php if ($sub_menu_data) foreach ($sub_menu_data as $k => $v): ?>
<div class="list-group">
<a href="#" class="list-group-item disabled"><?php echo $v['menu_name'] ?> </a>
<?php
$sub_array = $v['sub_array'];
if ($sub_array)
foreach ($sub_array as $key => $m) {
?>
<a href="<?php echo $m['url'] ?>"
class="list-group-item <?php echo $third_menu_id == $m['menu_id']?' active':'' ?>"><?php echo $m['menu_name'] ?> <i class="fa fa-chevron-right"></i></a>
<?php
}
?>
</div>
<?php endforeach; ?>
</aside>
</div>
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2" style="padding:0px;padding-top: 80px; ">
<div class="text-right pull-right" style="padding-right: 10px;"> <i class="fa fa-user"></i> <?php echo $this->user_name?> [ <?php echo group_name($this->group_id)?>], <a href="<?php echo base_url('adminpanel/manage/logout')?>">注销</a></div>
Expand Down
10 changes: 10 additions & 0 deletions css/adminpanel/style.css
View file
Expand Up @@ -167,11 +167,21 @@ body {
margin-bottom: 10px;
}

//第三级菜单选中样式
.list-group .active,.list-group .active:hover {
background-color: #1ABC9C;
border: 1px solid #1ABC9C
}

//第二级菜单样式
.list-group .disabled,.list-group .disabled:hover {

border-top: 2px solid #1ABC9C;
color: black;
font-family: 黑体;
font-size: 14px;
}

.white-bg {
}

Expand Down
30 changes: 15 additions & 15 deletions css/jquery-ui-1.10.0.custom.css
View file
Expand Up @@ -449,7 +449,7 @@ button.ui-button::-moz-focus-inner {
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
padding: 5px 10px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
Expand Down Expand Up @@ -868,7 +868,7 @@ body .ui-tooltip {
.ui-widget { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:13px; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(/images/ui-bg_glass_75_ffffff_1x400.png) 50% 50% repeat-x; color: #404040; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(../images/ui-bg_glass_75_ffffff_1x400.png) 50% 50% repeat-x; color: #404040; }
.ui-widget-content a { color: #404040; }
.ui-widget-header {
font-weight:bold;
Expand All @@ -883,7 +883,7 @@ body .ui-tooltip {
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #d3d3d3;
background: #e6e6e6 url("/images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
background: #e6e6e6 url("../images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
font-weight: normal;
color: #555555;
}
Expand All @@ -900,7 +900,7 @@ body .ui-tooltip {
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: 1px solid #999999;
background: #dadada url("/images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
background: #dadada url("../images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
font-weight: normal;
color: #212121;
}
Expand All @@ -919,7 +919,7 @@ body .ui-tooltip {
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #aaaaaa;
background: #ffffff url("/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
background: #ffffff url("../images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
font-weight: normal;
color: #212121;
}
Expand All @@ -936,7 +936,7 @@ body .ui-tooltip {
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #fcefa1;
background: #fbf9ee url("/images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
background: #fbf9ee url("../images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
color: #363636;
}
.ui-state-highlight a,
Expand Down Expand Up @@ -994,27 +994,27 @@ body .ui-tooltip {
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url("/images/ui-icons_222222_256x240.png");
background-image: url("../images/ui-icons_222222_256x240.png");
}
.ui-widget-header .ui-icon {
background-image: url("/images/ui-icons_222222_256x240.png");
background-image: url("../images/ui-icons_222222_256x240.png");
}
.ui-state-default .ui-icon {
background-image: url("/images/ui-icons_888888_256x240.png");
background-image: url("../images/ui-icons_888888_256x240.png");
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
background-image: url("/images/ui-icons_454545_256x240.png");
background-image: url("../images/ui-icons_454545_256x240.png");
}
.ui-state-active .ui-icon {
background-image: url("/images/ui-icons_454545_256x240.png");
background-image: url("../images/ui-icons_454545_256x240.png");
}
.ui-state-highlight .ui-icon {
background-image: url("/images/ui-icons_2e83ff_256x240.png");
background-image: url("../images/ui-icons_2e83ff_256x240.png");
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url("/images/ui-icons_cd0a0a_256x240.png");
background-image: url("../images/ui-icons_cd0a0a_256x240.png");
}

/* positioning */
Expand Down Expand Up @@ -1227,14 +1227,14 @@ body .ui-tooltip {

/* Overlays */
.ui-widget-overlay {
background: #aaaaaa url("/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
background: #aaaaaa url("../images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
opacity: .3;
filter: Alpha(Opacity=30); /* support: IE8 */
}
.ui-widget-shadow {
margin: -8px 0 0 -8px;
padding: 8px;
background: #aaaaaa url("/images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
background: #aaaaaa url("../images/ui-bg_flat_0_aaaaaa_40x100.png") 50% 50% repeat-x;
opacity: .3;
filter: Alpha(Opacity=30); /* support: IE8 */
border-radius: 8px;
Expand Down

0 comments on commit 2685b04

Please sign in to comment.