Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
b27354f5 by 任超
Options

style:样式

1 parent e749fee9
Inline Side-by-side
Showing 6 changed files with 42 additions and 13 deletions
...@@ -16,8 +16,8 @@ ...@@ -16,8 +16,8 @@
16 cursor: pointer; 16 cursor: pointer;
17 } 17 }
18 .app_progress li:hover { 18 .app_progress li:hover {
19 background-color: #1E9FFF!important; 19 background-color: #1E9FFF;
20 color: #fff!important; 20 color: #fff;
21 } 21 }
22 22
23 .app_progress li:hover:after { 23 .app_progress li:hover:after {
...@@ -40,6 +40,16 @@ ...@@ -40,6 +40,16 @@
40 .app_progress li.active:after { 40 .app_progress li.active:after {
41 border-left-color: #1E9FFF; 41 border-left-color: #1E9FFF;
42 } 42 }
43 .selected {
44 background-color: #5FB878!important;
45 color: #fff!important;
46 }
47 .selected:hover {
48 background-color: #5FB878!important;
49 }
50 .app_progress li.selected:after {
51 border-left-color: #5FB878;
52 }
43 .line { 53 .line {
44 width: 80px; 54 width: 80px;
45 height: 0; 55 height: 0;
......
...@@ -52,7 +52,6 @@ ...@@ -52,7 +52,6 @@
52 <li class="layui-nav-item"> 52 <li class="layui-nav-item">
53 <a href="javascript:;">查验中心</a> 53 <a href="javascript:;">查验中心</a>
54 <dl class="layui-nav-child"> 54 <dl class="layui-nav-child">
55 <!-- 二级菜单 -->
56 <dd><a href="">移动模块</a></dd> 55 <dd><a href="">移动模块</a></dd>
57 <dd><a href="">后台模版</a></dd> 56 <dd><a href="">后台模版</a></dd>
58 <dd><a href="">电商平台</a></dd> 57 <dd><a href="">电商平台</a></dd>
...@@ -74,7 +73,7 @@ ...@@ -74,7 +73,7 @@
74 <!-- ----------------------------------内容模块的开始----------------------------------------------- --> 73 <!-- ----------------------------------内容模块的开始----------------------------------------------- -->
75 <div class="appointment_notice contentBox"> 74 <div class="appointment_notice contentBox">
76 <ul class="app_progress"> 75 <ul class="app_progress">
77 <li> 76 <li class="selected">
78 <span>1</span> 77 <span>1</span>
79 预约须知 78 预约须知
80 </li> 79 </li>
......
...@@ -20,8 +20,8 @@ ...@@ -20,8 +20,8 @@
20 cursor: pointer; 20 cursor: pointer;
21 } 21 }
22 .app_progress li:hover { 22 .app_progress li:hover {
23 background-color: #1E9FFF!important; 23 background-color: #1E9FFF;
24 color: #fff!important; 24 color: #fff;
25 } 25 }
26 26
27 .app_progress li:hover:after { 27 .app_progress li:hover:after {
...@@ -44,6 +44,16 @@ ...@@ -44,6 +44,16 @@
44 .app_progress li.active:after { 44 .app_progress li.active:after {
45 border-left-color: #1E9FFF; 45 border-left-color: #1E9FFF;
46 } 46 }
47 .selected {
48 background-color: #5FB878!important;
49 color: #fff!important;
50 }
51 .selected:hover {
52 background-color: #5FB878!important;
53 }
54 .app_progress li.selected:after {
55 border-left-color: #5FB878;
56 }
47 .line { 57 .line {
48 width: 80px; 58 width: 80px;
49 height: 0; 59 height: 0;
......
...@@ -76,17 +76,17 @@ ...@@ -76,17 +76,17 @@
76 <div class="central_area"> 76 <div class="central_area">
77 <div class="appointment_notice contentBox"> 77 <div class="appointment_notice contentBox">
78 <ul class="app_progress"> 78 <ul class="app_progress">
79 <li> 79 <li class="selected">
80 <span>1</span> 80 <span>1</span>
81 预约须知 81 预约须知
82 </li> 82 </li>
83 <div class="line"></div> 83 <div class="line"></div>
84 <li> 84 <li class="selected">
85 <span>2</span> 85 <span>2</span>
86 选择区域 86 选择区域
87 </li> 87 </li>
88 <div class="line"></div> 88 <div class="line"></div>
89 <li> 89 <li class="selected">
90 <span>3</span> 90 <span>3</span>
91 预约时间 91 预约时间
92 </li> 92 </li>
......
...@@ -24,8 +24,8 @@ ...@@ -24,8 +24,8 @@
24 cursor: pointer; 24 cursor: pointer;
25 } 25 }
26 .app_progress li:hover { 26 .app_progress li:hover {
27 background-color: #1E9FFF!important; 27 background-color: #1E9FFF;
28 color: #fff!important; 28 color: #fff;
29 } 29 }
30 30
31 .app_progress li:hover:after { 31 .app_progress li:hover:after {
...@@ -48,6 +48,16 @@ ...@@ -48,6 +48,16 @@
48 .app_progress li.active:after { 48 .app_progress li.active:after {
49 border-left-color: #1E9FFF; 49 border-left-color: #1E9FFF;
50 } 50 }
51 .selected {
52 background-color: #5FB878!important;
53 color: #fff!important;
54 }
55 .selected:hover {
56 background-color: #5FB878!important;
57 }
58 .app_progress li.selected:after {
59 border-left-color: #5FB878;
60 }
51 .line { 61 .line {
52 width: 80px; 62 width: 80px;
53 height: 0; 63 height: 0;
......
...@@ -76,12 +76,12 @@ ...@@ -76,12 +76,12 @@
76 <div class="central_area"> 76 <div class="central_area">
77 <div class="appointment_notice contentBox"> 77 <div class="appointment_notice contentBox">
78 <ul class="app_progress"> 78 <ul class="app_progress">
79 <li> 79 <li class="selected">
80 <span>1</span> 80 <span>1</span>
81 预约须知 81 预约须知
82 </li> 82 </li>
83 <div class="line"></div> 83 <div class="line"></div>
84 <li> 84 <li class="selected">
85 <span>2</span> 85 <span>2</span>
86 选择区域 86 选择区域
87 </li> 87 </li>
......