项目需求

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

@@ -889,8 +889,8 @@ td.inquiry_btn:hover a{
     float: left;
 }
 .c_main .c_content .c_item_list ul li{
+    position: relative;
     float: left;
-    /*list-style: square ;*/
     margin-bottom: 35px;
 }
 .c_main .c_content .c_item_list ul li div{
@@ -901,6 +901,19 @@ td.inquiry_btn:hover a{
     text-overflow: ellipsis;
     white-space: nowrap;
 }
+.c_main .c_content .c_item_list ul li div.c_cir:before{
+    position: absolute;
+    top: 7px;
+    left: 0;
+    content: '';
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    background: #dcdcdc;
+}
+.c_main .c_content .c_item_list ul li:hover div.c_cir:before{
+    background: #e41f2b;
+}
 .c_main .c_content .c_item_list ul li:nth-child(odd){
     margin-right: 120px;
 }
@@ -909,6 +922,7 @@ td.inquiry_btn:hover a{
     color: #333333;
     display: inline-block;
     width: 120px;
+    margin-left: 13px;
 }
 .c_main .c_content .c_item_list ul li a.c_width{
     max-width: 200px;
@@ -953,6 +967,9 @@ td.inquiry_btn:hover a{
     width: 80px;
     font-size: 14px;
     color: #999;
+    margin-left: 54px;
+}
+.c_main .c_content .c_item_list ul li span.c-time{
     margin-left: 98px;
 }
 .c_main .c_content .c_item_list .c_line{
@@ -964,12 +981,30 @@ td.inquiry_btn:hover a{
     border: solid 1px #d4d4d4;
 }
 .c_main .c_content .c_item_list .c_name{
+     width: 90px;
+     float: left;
+
+ }
+.c_main .c_content .c_item_list .c_name span{
     display: inline-block;
-    width: 90px;
-    float: left;
+    margin-left: 10px;
+    width: 100%;
     font-size: 14px;
     color: #999999;
 }
+.c_main .c_content .c_item_list .c_name:before{
+    position: absolute;
+    top: 8px;
+    left: 0;
+    content: '';
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    background: #dcdcdc;
+}
+.c_main .c_content .c_item_list ul li:hover div.c_name:before{
+    background: #e41f2b;
+}
 .c_main .c_content .c_item_list .c_got{
     display: inline-block;
     float: left;
@@ -1156,6 +1191,7 @@ td.inquiry_btn:hover a{
     border-radius: 5px;
     margin-left: -2px;
     opacity: 1;
+    overflow: hidden;
 }
 .c_case_list div.c_img{
     margin: 0 auto;
@@ -1218,12 +1254,14 @@ td.inquiry_btn:hover a{
     bottom: 0;
     left: 0;
     width: 240px;
-    height: 0px;
+    height: 0;
+    opacity: 0;
     background-color: rgba(0,0,0,.4);
 }
 .c_case_list:hover .hover_case{
+    opacity: 1;
     height: 220px;
-    transition: height 500ms linear;
+    transition: all 500ms linear;
 }
 .hover_case .case_top{
     padding: 24px 28px 10px 14px;
@@ -1620,6 +1658,27 @@ a.x_gray_text{
 .x_content_footer_list a.x_gray_overflow{
     display: inline-block;
 }
+.x_content_footer_list dd{
+    position: relative;
+}
+.x_content_footer_list a.x_gray_overflow:before{
+    content: "";
+    position: absolute;
+    bottom: 18px;
+    left: 50%;
+    height: 1px;
+    border-bottom: 2px solid #e41f2b;
+    width: 0px;
+    -webkit-transition: all 0.3s;
+    -moz-transition: all 0.3s;
+    -ms-transition: all 0.3s;
+    -o-transition: all 0.3s;
+    transition: all 0.3s;
+}
+.x_content_footer_list dd:hover a.x_gray_overflow:before{
+    width: 100%;
+    left: 0;
+}
 .x_content_footer_list dd:hover a.x_gray_overflow{
     font-weight: bold;
     color: #e41f2b;
@@ -1703,14 +1762,17 @@ a.x_gray_text{
     font-size: 14px;
     margin-bottom: 10px;
 }
-/*.x_item_list li:before {*/
-    /*display: inline-block;*/
-    /*content: '';*/
-    /*width: 6px;*/
-    /*height: 6px;*/
-    /*border-radius: 50%;*/
-    /*background: #eee;*/
-/*}*/
+.x_item_list li .x_left:before {
+    display: inline-block;
+    content: '';
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    background: #dcdcdc;
+}
+.x_item_list li:hover .x_left:before{
+    background: #e41f2b;
+}
 .x_item_list li a {
     display: inline-block;
     margin-left: 6px;

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

@@ -416,7 +416,7 @@
 							</#assign>
 							<#assign json=text?eval />
 							<#list json.data.list as item>
-								<li><div><a href="${item.url!}">${item.task_title!}</a></div><span class="c_price">${item.cove_desc!}<b></b></span><span class="c_time"><img
+								<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>
 							</#list>
 						</@jp.apiData>
@@ -433,7 +433,7 @@
 							<#assign json=text?eval />
 							<#list json.data.list as item>
 								<li>
-									<span class="c_name">${item.username!}</span>
+									<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>
 									<span class="c_time c-time">${item.bid_time!}</span>