联想词样式

components/applyPurchase/BatchPublish.vue

@@ -31,6 +31,14 @@
         <td>
           <div v-if="item.code">{{item.code}}</div>
           <span class="red-text" v-if="!item.code">请完善信息</span>
+          <!--<div class="similar-select">{{item.code}}</div>
+          <ul>
+            <li>123</li>
+            <li>123</li>
+            <li>123</li>
+            <li>123</li>
+            <li>123</li>
+          </ul>-->
         </td>
         <td>
           <div v-if="item.brand">{{item.brand}}</div>
@@ -620,12 +628,6 @@
           td {
             position: relative;
             font-size: 12px;
-            > div {
-              overflow: hidden;
-              overflow-y: unset;
-              text-overflow: ellipsis;
-              white-space: nowrap;
-            }
             > ul {
               line-height: normal;
               position: absolute;
@@ -656,6 +658,30 @@
                 width: 94px;
               }
             }
+            > div {
+              overflow: hidden;
+              overflow-y: unset;
+              text-overflow: ellipsis;
+              white-space: nowrap;
+              &.similar-select {
+                width: 109px;
+                margin: 0 auto;
+                border: 1px solid #b5b5b5;
+                height: 18px;
+                line-height: 18px;
+                overflow-y: hidden;
+                padding: 0 22px 0 5px;
+                background: url('/images/applyPurchase/select.png') no-repeat;
+                background-position: 91px 0;
+                cursor: default;
+                border-radius: 3px;
+                & + ul {
+                  width: 110px;
+                  top: 50px;
+                  left: 26px;
+                }
+              }
+            }
             div.red-text {
               line-height: normal;
               position: absolute;