ul替换为table

src/main/webapp/resources/view/usercenter/forstore/seekPurchase.html

@@ -446,34 +446,35 @@
         border-radius: 2px;
         font-size: 14px;
     }
-    .seek-purchase .bom-manage > ul {
-        margin: 0 12px;
+    .seek-purchase .bom-manage > table {
+        width: 1003px;
+        margin: 0 auto;
         border-bottom: 1px solid #4290f7;
     }
-    .seek-purchase .bom-manage > ul li {
+    .seek-purchase .bom-manage > table tbody tr {
         height: 100px;
         line-height: 100px;
         margin: 0 12px;
         border: 1px solid #fff;
     }
-    .seek-purchase .bom-manage > ul li img {
+    .seek-purchase .bom-manage > table tbody tr td img {
         margin: 0 0 0 28px;
     }
-    .seek-purchase .bom-manage > ul li > div {
+    .seek-purchase .bom-manage > table tbody tr td > div {
         display: inline-block;
         line-height: 23px;
         font-size: 14px;
         vertical-align: middle;
         margin: 0 0 0 21px;
     }
-    .seek-purchase .bom-manage > ul li > div p {
+    .seek-purchase .bom-manage > table tbody tr td > div p {
         font-size: 14px;
         font-weight: bold;
     }
-    .seek-purchase .bom-manage > ul li > div .blue-text {
+    .seek-purchase .bom-manage > table tbody tr td > div .blue-text {
         color: #4290f7;
     }
-    .seek-purchase .bom-manage > ul li > a {
+    .seek-purchase .bom-manage > table tbody tr td > a {
         width: 64px;
         height: 24px;
         display: inline-block;
@@ -483,9 +484,9 @@
         background: #4290f7;
         color: #fff;
         border-radius: 2px;
-        margin: 30px 20px 0 0;
+        margin: 38px 20px 0 0;
     }
-    .seek-purchase .bom-manage > ul li:hover {
+    .seek-purchase .bom-manage > table tbody tr:hover {
         background: #fdf8f5;
         border: 1px solid #fce8df;
     }
@@ -810,35 +811,43 @@
                 </div>
             </div>
         </div>
-        <ul>
-            <li>
-                <img src="static/img/seekPurchase/Excel.png" alt="">
-                <div>
-                    <p>我就是我</p>
-                    <div>共 <span class="blue-text">21</span> 个产品，<span class="red-text">10</span> 个有报价，<span class="red-text">7</span> 个有现货</div>
-                    <div>2017-12-12 11:11:11</div>
-                </div>
-                <a href="" class="fr">查看详情</a>
-            </li>
-            <li>
-                <img src="static/img/seekPurchase/Excel.png" alt="">
-                <div>
-                    <p>我就是我</p>
-                    <div>共 <span class="blue-text">21</span> 个产品，<span class="red-text">10</span> 个有报价，<span class="red-text">7</span> 个有现货</div>
-                    <div>2017-12-12 11:11:11</div>
-                </div>
-                <a href="" class="fr">查看详情</a>
-            </li>
-            <li>
-                <img src="static/img/seekPurchase/Excel.png" alt="">
-                <div>
-                    <p>我就是我</p>
-                    <div>共 <span class="blue-text">21</span> 个产品，<span class="red-text">10</span> 个有报价，<span class="red-text">7</span> 个有现货</div>
-                    <div>2017-12-12 11:11:11</div>
-                </div>
-                <a href="" class="fr">查看详情</a>
-            </li>
-        </ul>
+        <table>
+            <tbody>
+                <tr>
+                    <td>
+                        <img src="static/img/seekPurchase/Excel.png" alt="">
+                        <div>
+                            <p>我就是我</p>
+                            <div>共 <span class="blue-text">21</span> 个产品，<span class="red-text">10</span> 个有报价，<span class="red-text">7</span> 个有现货</div>
+                            <div>2017-12-12 11:11:11</div>
+                        </div>
+                        <a href="" class="fr">查看详情</a>
+                    </td>
+                </tr>
+                <tr>
+                    <td>
+                        <img src="static/img/seekPurchase/Excel.png" alt="">
+                        <div>
+                            <p>我就是我</p>
+                            <div>共 <span class="blue-text">21</span> 个产品，<span class="red-text">10</span> 个有报价，<span class="red-text">7</span> 个有现货</div>
+                            <div>2017-12-12 11:11:11</div>
+                        </div>
+                        <a href="" class="fr">查看详情</a>
+                    </td>
+                </tr>
+                <tr>
+                    <td>
+                        <img src="static/img/seekPurchase/Excel.png" alt="">
+                        <div>
+                            <p>我就是我</p>
+                            <div>共 <span class="blue-text">21</span> 个产品，<span class="red-text">10</span> 个有报价，<span class="red-text">7</span> 个有现货</div>
+                            <div>2017-12-12 11:11:11</div>
+                        </div>
+                        <a href="" class="fr">查看详情</a>
+                    </td>
+                </tr>
+            </tbody>
+        </table>
     </div>
     <div class="com-del-box" ng-if="showUseFlag">
         <div class="title">