style():调整样式
Showing
3 changed files
with
91 additions
and
1 deletions
| ... | @@ -3,6 +3,7 @@ | ... | @@ -3,6 +3,7 @@ |
| 3 | 3 | ||
| 4 | <head> | 4 | <head> |
| 5 | <title>网上“一窗办事”登记系统</title> | 5 | <title>网上“一窗办事”登记系统</title> |
| 6 | <meta charset="UTF-8"> | ||
| 6 | <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | 7 | <meta http-equiv="X-UA-Compatible" content="IE=edge" /> |
| 7 | <meta name="format-detection" content="telephone=no"> | 8 | <meta name="format-detection" content="telephone=no"> |
| 8 | <meta name="renderer" content="webkit"> | 9 | <meta name="renderer" content="webkit"> |
| ... | @@ -458,7 +459,7 @@ | ... | @@ -458,7 +459,7 @@ |
| 458 | }); | 459 | }); |
| 459 | }); | 460 | }); |
| 460 | layui.use('util', function () { | 461 | layui.use('util', function () { |
| 461 | var util = layui.util; | 462 | let util = layui.util; |
| 462 | //执行 | 463 | //执行 |
| 463 | util.fixbar({ | 464 | util.fixbar({ |
| 464 | bar1: true, | 465 | bar1: true, | ... | ... |
| ... | @@ -77,7 +77,87 @@ div.top-logo .top_logo_search i { | ... | @@ -77,7 +77,87 @@ div.top-logo .top_logo_search i { |
| 77 | float: left; | 77 | float: left; |
| 78 | } | 78 | } |
| 79 | /*------------------首页 end------------*/ | 79 | /*------------------首页 end------------*/ |
| 80 | /* --------------------导航tab------------------------- */ | ||
| 81 | .navigation_crumbs { | ||
| 82 | width: 100%; | ||
| 83 | height: 45px; | ||
| 84 | padding: 10px 0; | ||
| 85 | line-height: 25px; | ||
| 86 | background: #FAFAFA; | ||
| 87 | border: 1px solid #E6E6E6; | ||
| 88 | } | ||
| 89 | .navigation_crumbs .layui-breadcrumb a:hover { | ||
| 90 | color: #f46143!important; | ||
| 91 | } | ||
| 80 | 92 | ||
| 93 | .contentBox { | ||
| 94 | width: 1200px; | ||
| 95 | margin: 0 auto; | ||
| 96 | overflow: hidden; | ||
| 97 | } | ||
| 98 | .one_content { | ||
| 99 | border: 1px solid #DEDEDE;; | ||
| 100 | margin-top: 30px; | ||
| 101 | } | ||
| 102 | .one_content .layui-tab { | ||
| 103 | margin: 0; | ||
| 104 | } | ||
| 105 | .one_content .layui-tab-title li { | ||
| 106 | width: 100px; | ||
| 107 | font-weight: 600; | ||
| 108 | color: #6D7278; | ||
| 109 | } | ||
| 110 | .one_content .layui-tab-title .layui-this { | ||
| 111 | color: #4A4A4A; | ||
| 112 | } | ||
| 113 | .layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after { | ||
| 114 | border-color: #006CFF; | ||
| 115 | } | ||
| 116 | .layui-tab .layui-tab-brief .layui-this { | ||
| 117 | color: #006CFF; | ||
| 118 | } | ||
| 119 | .layui-tab .layui-tab-brief li { | ||
| 120 | width: 90px; | ||
| 121 | } | ||
| 122 | .online_business { | ||
| 123 | margin-top: 20px; | ||
| 124 | } | ||
| 125 | .online_business h2 { | ||
| 126 | width: 100%; | ||
| 127 | height: 43px; | ||
| 128 | line-height: 43px; | ||
| 129 | background: #FAFAFA; | ||
| 130 | border-radius: 4px; | ||
| 131 | border: 1px solid #DEDEDE; | ||
| 132 | padding-left: 15px; | ||
| 133 | box-sizing: border-box; | ||
| 134 | } | ||
| 135 | .online_list { | ||
| 136 | padding-bottom: 20px; | ||
| 137 | overflow: hidden; | ||
| 138 | } | ||
| 139 | .online_list li{ | ||
| 140 | width: 45%!important; | ||
| 141 | float: left; | ||
| 142 | height: 60px; | ||
| 143 | line-height: 60px; | ||
| 144 | border-bottom: 1px dotted #DEDEDE; | ||
| 145 | } | ||
| 146 | .online_list li:nth-child(even) { | ||
| 147 | margin-left: 10%; | ||
| 148 | } | ||
| 149 | .online_list li a{ | ||
| 150 | display: block; | ||
| 151 | width: 100%; | ||
| 152 | } | ||
| 153 | .online_list li a:hover span{ | ||
| 154 | color: #f46143; | ||
| 155 | } | ||
| 156 | .online_list li a button { | ||
| 157 | float: right; | ||
| 158 | margin-top: 15px; | ||
| 159 | } | ||
| 160 | /* ---------------------------------------------------- */ | ||
| 81 | .top-logo ul li { | 161 | .top-logo ul li { |
| 82 | display: inline-block; | 162 | display: inline-block; |
| 83 | padding: 0 8px; | 163 | padding: 0 8px; | ... | ... |
| ... | @@ -53,6 +53,15 @@ | ... | @@ -53,6 +53,15 @@ |
| 53 | <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li> | 53 | <li class="layui-nav-item" class="item_last_child"><a href="">好差评</a></li> |
| 54 | </ul> | 54 | </ul> |
| 55 | </div> | 55 | </div> |
| 56 | <div class="navigation_crumbs"> | ||
| 57 | <div class="contentBox"> | ||
| 58 | <span class="layui-breadcrumb"> | ||
| 59 | <a href="../../index.html">首页</a> | ||
| 60 | <a href="">办事指南</a> | ||
| 61 | <a><cite>业务指南</cite></a> | ||
| 62 | </span> | ||
| 63 | </div> | ||
| 64 | </div> | ||
| 56 | <div class="mainbody"> | 65 | <div class="mainbody"> |
| 57 | <div class="title"> | 66 | <div class="title"> |
| 58 | <span>党的十八大以来双拥工作综述:为实现中国梦强军梦凝聚强大力量</span> | 67 | <span>党的十八大以来双拥工作综述:为实现中国梦强军梦凝聚强大力量</span> | ... | ... |
-
Please register or sign in to post a comment