소스 검색

style:pc底部导航栏样式

yangfeng 2 년 전
부모
커밋
5ec3034fb0
2개의 변경된 파일26개의 추가작업 그리고 7개의 파일을 삭제
  1. 25 6
      src/web/staticres/css/pc.css
  2. 1 1
      src/web/templates/common/pcbottom.html

+ 25 - 6
src/web/staticres/css/pc.css

@@ -1956,12 +1956,24 @@ form{
 
 
 
 
 .jy_classify{
 .jy_classify{
- margin-top: 32px;
+ padding: 32px 0 68px;
  display: flex;
  display: flex;
  justify-content: space-between;
  justify-content: space-between;
 }
 }
 .jy_classify_l{
 .jy_classify_l{
+  position: relative;
 	display: flex;
 	display: flex;
+  /* border-right: 1px solid rgba(255, 255, 255, 0.12); */
+}
+.jy_classify_l::after{
+  position: absolute;
+  content: '';
+  top: 0;
+  right: -28px;
+  width: 1px;
+  height: 168px;
+  background: rgba(255, 255, 255, 0.12);
+  z-index: 9;
 }
 }
 .jy_classify_l dl{
 .jy_classify_l dl{
 	margin-right: 40px;
 	margin-right: 40px;
@@ -1975,6 +1987,9 @@ form{
 	margin-bottom: 8px;
 	margin-bottom: 8px;
   white-space: nowrap;
   white-space: nowrap;
 }
 }
+.jy_classify_l dl dt > a:hover{
+  text-decoration: none;
+}
 
 
 .jy_classify_l dl dd{
 .jy_classify_l dl dd{
 	position: relative;
 	position: relative;
@@ -2013,7 +2028,8 @@ form{
 }
 }
 .jy_classify_r .jy_classify_kefu{
 .jy_classify_r .jy_classify_kefu{
 	display: flex;
 	display: flex;
-	align-items: center;
+	/* align-items: center; */
+  flex-direction: column;
 }
 }
 .jy_classify_r .jy_classify_kefu img{
 .jy_classify_r .jy_classify_kefu img{
   width: 128px;
   width: 128px;
@@ -2022,15 +2038,17 @@ form{
 	font-size: 16px;
 	font-size: 16px;
 	color: rgba(255,255,255,.8);
 	color: rgba(255,255,255,.8);
 	line-height: 22px;
 	line-height: 22px;
-	height: 30px;
-	line-height: 30px;
+	height: 24px;
+	line-height: 24px;
 	padding-left: 25px;
 	padding-left: 25px;
 	background: url(/images/pc/phone-grey.png) no-repeat left center;
 	background: url(/images/pc/phone-grey.png) no-repeat left center;
 	background-size: 20px;
 	background-size: 20px;
-	margin-left: 20px;
+	/* margin-left: 20px; */
+  margin-top: 12px;
+  white-space: nowrap;
 }
 }
 .jy_classify_list ul{
 .jy_classify_list ul{
-	margin-top: 26px;
+	margin-top: 16px;
   display: flex;
   display: flex;
 }
 }
 .jy_classify_list ul li{
 .jy_classify_list ul li{
@@ -2099,6 +2117,7 @@ form{
 	display: none;
 	display: none;
 	border-radius: 4px;
 	border-radius: 4px;
 	overflow: hidden;
 	overflow: hidden;
+  z-index: 9;
 }
 }
 .jy_classify_list ul li img{
 .jy_classify_list ul li img{
 	width: 80px;
 	width: 80px;

+ 1 - 1
src/web/templates/common/pcbottom.html

@@ -116,7 +116,7 @@
                                     <p>扫码下载</p>
                                     <p>扫码下载</p>
                                 </div>
                                 </div>
                             </li>
                             </li>
-                            <li>
+                            <li style="display:none;">
                                 <span><a href='{{Msg "seo" "pcHelper.downloadUrl_win"}}?source=pc_index'></a></span>
                                 <span><a href='{{Msg "seo" "pcHelper.downloadUrl_win"}}?source=pc_index'></a></span>
 
 
                             </li>
                             </li>