询价求购

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

@@ -41,6 +41,9 @@ body{
     height: 18px;
     background-color: #aaa;
 }
+.inquiry_title .tabs:before{
+    background-color: #e41f2b;
+}
 .c_toggle.active .tabs:before,.c_toggle:hover .tabs:before{
     background-color: #e56971;
 }
@@ -595,21 +598,53 @@ body{
 }
 .inquiry_item .inquiry_content table tbody tr{
     width: 850px;
-    height: 180px;
+    height: 40px;
     vertical-align: middle;
     background-color: #fff;
-    border-bottom: 1px solid #dcdcdc;
 }
 .inquiry_item .inquiry_content table tbody tr:hover{
-    box-shadow: 0px 2px 8px 0px
-    rgba(16, 16, 16, 0.56);
+   background: #e9e9e9;
 }
 .inquiry_item .inquiry_content table tbody tr td{
     position: relative;
+    vertical-align: middle;
 }
 .inquiry_item .inquiry_content table tbody tr td:first-child {
     padding-left: 10px;
 }
+.inquiry_item .inquiry_content table tbody tr td:first-child span{
+    color: #fe7c7c;
+}
+.inquiry_item .inquiry_content table tbody tr td{
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.inquiry_item .inquiry_content table tbody tr td span{
+    font-size: 14px;
+    color: #666;
+    width: 80%;
+    display: inline-block;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+td.inquiry_btn a{
+    display: inline-block;
+    width: 80px;
+    height: 28px;
+    line-height: 28px;
+    text-align: center;
+    font-size: 14px;
+    color: #e31f29;
+    border-radius: 5px;
+    border: solid 1px #e31f29;
+}
+td.inquiry_btn:hover a{
+    background-color: #e31f29;
+    border-radius: 5px;
+    color: #ffffff;
+}
 .top_line {
     margin-bottom: 42px;
 }

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

@@ -81,107 +81,34 @@
 								<table>
 									<thead>
 									<tr>
-										<td width="125">买家/发布时间</td>
-										<td width="168">品牌/物料名称</td>
-										<td width="260">型号/规格</td>
-										<td width="140">采购数量（PCS）</td>
-										<td width="100">已报价</td>
+										<td width="90">发布时间</td>
+										<td width="210">买家名称</td>
+										<td width="80">品牌</td>
+										<td width="100">物料名称</td>
+										<td width="90">型号</td>
+										<td width="120">规格</td>
+										<td width="100">操作</td>
 									</tr>
 									</thead>
 									<tbody>
 									<tr>
 										<td>
-											<div class="top_line inquiry_line">
-												<p>买家</p>
-												<span>深圳</span>
-											</div>
-											<div class="bottom_line inquiry_line">
-												<p>发布时间</p>
-												<span>2018-08-28 09:35</span>
-											</div>
+											<span class="inquiry_red">今天</span>
 										</td>
 										<td>
-											<div class="top_line inquiry_line">
-												<p>品牌</p>
-												<span>三星Samsung,国巨</span>
-											</div>
-											<div class="bottom_line inquiry_line">
-												<p>物料名称</p>
-												<span>贴片电容</span>
-											</div>
+											<span>深圳哈哈市哈哈</span>
 										</td>
 										<td>
-											<div class="top_line inquiry_line">
-												<p>型号</p>
-												<span>陶瓷电容04</span>
-											</div>
-											<div class="bottom_line inquiry_line">
-												<p>规格</p>
-												<span>陶瓷电容0402_0.三星</span>
-											</div>
+											<span>三星星</span>
 										</td>
 										<td>
-											<div class="top_line inquiry_line top45">
-												<p>PCS</p>
-												<span class="red">2</span>
-											</div>
+											<span>切片</span>
 										</td>
 										<td>
-											<div class="top_line inquiry_line top45">
-												<p>条</p>
-												<span>0</span>
-											</div>
-											<div class="bottom_line inquiry_line">
-												<a href="" class="inquiry_btn">我要报价/<span>剩余8天</span></a>
-											</div>
-										</td>
-									</tr>
-									<tr>
-										<td>
-											<div class="top_line inquiry_line">
-												<p>买家</p>
-												<span>深圳</span>
-											</div>
-											<div class="bottom_line inquiry_line">
-												<p>发布时间</p>
-												<span>2018-08-28 09:35</span>
-											</div>
-										</td>
-										<td>
-											<div class="top_line inquiry_line">
-												<p>品牌</p>
-												<span>三星Samsung,国巨</span>
-											</div>
-											<div class="bottom_line inquiry_line">
-												<p>物料名称</p>
-												<span>贴片电容</span>
-											</div>
-										</td>
-										<td>
-											<div class="top_line inquiry_line">
-												<p>型号</p>
-												<span>陶瓷电容04</span>
-											</div>
-											<div class="bottom_line inquiry_line">
-												<p>规格</p>
-												<span>陶瓷电容0402_0.三星</span>
-											</div>
-										</td>
-										<td>
-											<div class="top_line inquiry_line top45">
-												<p>PCS</p>
-												<span class="red">2</span>
-											</div>
-										</td>
-										<td>
-											<div class="top_line inquiry_line top45">
-												<p>条</p>
-												<span>0</span>
-											</div>
-											<div class="bottom_line inquiry_line">
-												<a href="" class="inquiry_btn">我要报价/<span>剩余8天</span></a>
-											</div>
+											<span>HHHKKk</span>
 										</td>
+										<td><span>说的就是</span></td>
+										<td class="inquiry_btn"><a href="">我要报价</a></td>
 									</tr>
 									</tbody>
 								</table>