样式修改

jpress-web-template-mallcms/src/main/webapp/templates/mallcms/_layout.html

@@ -51,7 +51,7 @@
             </div>
             <div class="bottom">
                 <ul>
-                    <li><a href="${CPATH}/">首页</a></li>
+                    <li class="active"><a href="${CPATH}/">首页</a></li>
                     <li><a href="https://www.usoftmall.com/">U软商城</a></li>
                     <li><a href="http://www.yitoa-fintech.com/">U智金融</a></li>
                     <li><a href="https://zb.uuzcc.com/">U创网</a></li>

jpress-web-template-mallcms/src/main/webapp/templates/mallcms/assets/css/index.css

@@ -112,11 +112,11 @@ body{
     -o-transition: all 0.3s;
     transition: all 0.3s;
 }
-.header .container .bottom ul li:hover a:before{
+.header .container .bottom ul li:hover a:before,.header .container .bottom ul li.active a:before{
     width: 100%;
     left: 0;
 }
-.header .container .bottom ul li:hover a{
+.header .container .bottom ul li:hover a,.header .container .bottom ul li.active a{
     color: #e41f2b;
 }
 /*header*/
@@ -154,15 +154,15 @@ body{
     text-align: center;
 }
 .banner .carousel-indicators li{
-    width: 40px;
-    height: 4px;
-    opacity: .9;
-    margin: 0 4px;
-    background-color: #7599b9;
-    border-radius: 2px;
+    width: 8px;
+    height: 8px;
+    background-color: #dfdfe1;
 }
 .banner .carousel-indicators li.active{
-    background-color: #fff;
+    width: 24px;
+    height: 8px;
+    background-color: #dfdfe1;
+    border-radius: 4px;
 }
 .banner .carousel-control.right,.banner .carousel-control.left {
     background:0;
@@ -328,6 +328,7 @@ body{
 .main-section .section .container .section-bottom span.tab.active,.main-section .section .container .section-bottom span.tab:hover {
     background: #e41f2b;
     color: #fff;
+    border: none;
 }
 .main-section .main {
     width: 100%;
@@ -402,10 +403,9 @@ body{
     font-size: 14px;
     color: #333;
 }
-.main-section .main .main-des .scroll .item-list .text a.comp:hover{
+.main-section .main .main-des .scroll .item-list:hover .text a.comp{
     color: #e41f2b;
     font-weight: bold;
-    text-decoration: underline ;
 }
 .main-section .main .main-des .scroll .item-list .store-des{
     margin-top: 14px;
@@ -487,6 +487,8 @@ body{
 }
 .buy_content .buy_item_list .buy_list:hover img{
     transform: scale(1.06);
+    box-shadow: 0px 7px 8px 0px;
+rgba(79, 79, 79, 0.15);
 }
 .buy_content .buy_item_list .buy_list_medium{
     padding: 30px 0 0 36px;
@@ -517,8 +519,6 @@ body{
     left: 250px;
     width: 100px;
     height: 90px;
-    box-shadow: 0px 7px 8px 0px;
-    rgba(79, 79, 79, 0.15);
 }
 .buy_content .buy_item_list .buy_list_small {
     padding-top: 30px;
@@ -530,13 +530,9 @@ body{
     border: solid 1px #dfdfdf;
 }
 .buy_content .buy_item_list .buy_list_small .mall_image_small{
-    margin-bottom: 10px;
-    width: 68px;
-    height: 67px;
+    margin: 10px auto;
     width: 65px;
     height: 65px;
-    box-shadow: 0px 7px 8px 0px;
-    rgba(79, 79, 79, 0.15);
 }
 .buy_content .buy_item_list .buy_list_small p{
     margin-bottom: 8px;
@@ -600,16 +596,28 @@ body{
 }
 .inquiry_item .inquiry_content table tbody tr{
     width: 850px;
-    height: 42px;
+    height: 47px;
     vertical-align: middle;
     background-color: #fff;
+    border-bottom: dotted 1px #f0f0f0;
 }
 .inquiry_item .inquiry_content table tbody tr:hover{
    background: #e9e9e9;
 }
+.inquiry_item .inquiry_content table tbody tr:hover a{
+    background-color: #e31f29;
+    border-radius: 5px;
+    color: #ffffff;
+}
 .inquiry_item .inquiry_content table tbody tr td{
     position: relative;
     vertical-align: middle;
+    width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: 14px;
+    color: #666;
 }
 .inquiry_item .inquiry_content table tbody tr td:first-child {
     padding-left: 10px;
@@ -617,12 +625,6 @@ body{
 .inquiry_item .inquiry_content table tbody tr td.inquiry_red{
     color: #e31f29;
 }
-.inquiry_item .inquiry_content table tbody tr td{
-    width: 100%;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
 
 td.inquiry_btn a{
     display: inline-block;
@@ -635,11 +637,11 @@ td.inquiry_btn a{
     border-radius: 5px;
     border: solid 1px #e31f29;
 }
-td.inquiry_btn:hover a{
-    background-color: #e31f29;
-    border-radius: 5px;
-    color: #ffffff;
-}
+/*td.inquiry_btn:hover a{*/
+    /*background-color: #e31f29;*/
+    /*border-radius: 5px;*/
+    /*color: #ffffff;*/
+/*}*/
 .top_line {
     margin-bottom: 42px;
 }
@@ -697,7 +699,7 @@ td.inquiry_btn:hover a{
     width: 213px;
     height: 227px;
     text-align: center;
-    background:rgba(48,44,46,.3);
+    background:rgba(48,44,46,.6);
     border-radius: 5px;
 }
 .u_item_list .u_product img{
@@ -896,8 +898,7 @@ td.inquiry_btn:hover a{
 .c_main .c_content .c_item_list ul li div{
     position: relative;
     max-width: 160px;
-    float: left;
-    /*overflow: hidden;*/
+    overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
@@ -930,7 +931,7 @@ td.inquiry_btn:hover a{
 .c_main .c_content .c_item_list ul li a:before {
     content: "";
     position: absolute;
-    bottom: -2px;
+    bottom: 0px;
     left: 50%;
     height: 1px;
     border-bottom: 2px solid #e41f2b;
@@ -957,6 +958,9 @@ td.inquiry_btn:hover a{
     font-size: 14px;
     color: #e41f2b;
 }
+.c_main .c_content .c_item_list ul li span.c-price{
+    margin: 0 18px 0 50px;
+}
 .c_main .c_content .c_item_list ul li span.c_price b{
     font-weight: normal;
     font-size: 14px;
@@ -964,13 +968,16 @@ td.inquiry_btn:hover a{
 }
 .c_main .c_content .c_item_list ul li span.c_time{
     float: left;
-    width: 80px;
+    width: 90px;
     font-size: 14px;
     color: #999;
     margin-left: 54px;
 }
+.c_main .c_content .c_item_list ul li span.c_time img{
+    margin-right: 5px;
+}
 .c_main .c_content .c_item_list ul li span.c-time{
-    margin-left: 98px;
+    margin-left: 86px;
 }
 .c_main .c_content .c_item_list .c_line{
     position: absolute;
@@ -978,7 +985,7 @@ td.inquiry_btn:hover a{
     top: 23px;
     width: 1px;
     height: 322px;
-    border: solid 1px #d4d4d4;
+    border: solid 1px rgba(212,212,212,.4);
 }
 .c_main .c_content .c_item_list .c_name{
      width: 90px;
@@ -1044,6 +1051,16 @@ td.inquiry_btn:hover a{
 .c_publish:hover{
     background: #e41f2b;
 }
+.c_right{
+    float: left;
+    opacity: 0;
+    color: red;
+    font-weight: bold;
+    font-size: 14px;
+}
+.c_main .c_content .c_item_list ul li:hover .c_right{
+    opacity: 1;
+}
 .c_publish .c_publish_line{
     position: absolute;
     top: 12px;
@@ -1221,7 +1238,7 @@ td.inquiry_btn:hover a{
     overflow: hidden;
 }
 .c_item_bottom{
-    padding: 0 21px;
+    padding: 0 15px;
     height: 50px;
     line-height: 50px;
     border-top: 1px solid #e8e8e8;
@@ -1229,8 +1246,7 @@ td.inquiry_btn:hover a{
 .c_item_bottom span{
     font-size: 14px;
     color: #333;
-    font-size: 14px;
-    color: #333;
+    text-align: left;
     width: 50%;
     overflow: hidden;
     white-space: nowrap;
@@ -1412,7 +1428,7 @@ td.inquiry_btn:hover a{
     width: 122px;
     height: 38px;
     line-height: 38px;
-    background-color: #ff6565;
+    background-color: rgba(255,255,255,.2);
 }
 .k_content .k_item_list .k_btn:hover{
     background-color: #e41f2b;
@@ -1527,6 +1543,7 @@ td.inquiry_btn:hover a{
 }
 .k_among .k_among_bottom .k_list_one:hover a{
     color: #e41f2b;
+    font-weight: bold;
 }
 .k_among .k_among_bottom .k_list_one .k_data{
     display: inline-block;
@@ -1538,7 +1555,7 @@ td.inquiry_btn:hover a{
     display: inline-block;
     width: 35px;
     font-size: 14px;
-    color: #e41f2b;
+    color: #999;
 }
 
 /*U客资讯*/
@@ -1616,6 +1633,9 @@ td.inquiry_btn:hover a{
 .x_content_head_text p.x_gray_text:hover a{
     color: #e41f2b;
 }
+.x_content_head_text p.x_gray_text:hover a.detail{
+    color: #999;
+}
 .x_content_head_text p.x_gray_text.x_gray_overflow{
     width: 180px;
     word-break: break-all;
@@ -1627,6 +1647,8 @@ td.inquiry_btn:hover a{
 }
 a.x_gray_text{
     float: right;
+    font-size: 14px;
+    color: #999;
 }
 .x_gray_text {
     font-size: 14px;

jpress-web-template-mallcms/src/main/webapp/templates/mallcms/assets/js/index.js

@@ -1,8 +1,8 @@
 $(function () {
     // 自动轮播
-    $('#myCarousel').carousel({
-        interval: 5000
-    })
+    // $('#myCarousel').carousel({
+    //     interval: 5000
+    // })
     // uas
     $('#myCarousel01').carousel({
         interval: 5000

jpress-web-template-mallcms/src/main/webapp/templates/mallcms/index.html

@@ -263,7 +263,7 @@
 						<p>应收宝</p>
 					</a>
 				</div>
-				<div class="u_char u_items">
+				<div class="u_char u_items u_active">
 					<div class="u_content">
 						<span class="u_hover"></span>
 						<div class="u_position">快</div>
@@ -416,8 +416,8 @@
 							</#assign>
 							<#assign json=text?eval />
 							<#list json.data.list as item>
-								<li><div class="c_cir"><a href="${item.url!}">${item.task_title!}</a></div><span class="c_price">${item.cove_desc!}<b></b></span><span class="c_time"><img
-										src="${CTPATH}/assets/images/c_04.png" alt="">${item.start_time!}</span></li>
+								<li><div style="width:160px; float: left;position: relative;"><div class="c_cir"><a href="${item.url!}">${item.task_title!}</a></div></div><span class="c_price c-price">${item.cove_desc!}<b></b></span><span class="c_time"><img
+										src="${CTPATH}/assets/images/c_04.png" alt="">${item.start_time!}</span><span class="c_right"> &gt; </span></li>
 							</#list>
 						</@jp.apiData>
 					</ul>
@@ -435,8 +435,9 @@
 								<li>
 									<div class="c_name"><span>${item.username!}</span></div>
 									<span class="c_got">${item.bid_status!}</span>
-									<div style="max-width: 200px;"><a href="${item.url!}" class="c_width">${item.task_title!}</a></div>
+									<div style="max-width: 200px; float: left;"><a href="${item.url!}" class="c_width">${item.task_title!}</a></div>
 									<span class="c_time c-time">${item.bid_time!}</span>
+									<span class="c_right"> &gt; </span>
 								</li>
 							</#list>
 						</@jp.apiData>
@@ -446,7 +447,7 @@
 				<div class="c_publish">
 					<div>
 						<a href="https://zb.uuzcc.com/pubtask.html"> <img src="${CTPATH}/assets/images/c_05.png" alt=""> 发布求购</a>
-						<a href="https://zb.uuzcc.com/user-view-transaction-op-add.html"><img src="${CTPATH}/assets/images/c_05.png" alt=""> 上传方案</a>
+						<a href="https://zb.uuzcc.com/user-view-transaction-op-add.html"><img src="${CTPATH}/assets/images/3_46.png" alt=""> 上传方案</a>
 						<div class="c_publish_line"></div>
 					</div>
 				</div>