no message

src/components/FinancialModule/components/OrderReceivablesAccount.vue

@@ -58,15 +58,18 @@
   font-size: 20px;
   cursor: pointer;
 }
-.OrderReceivablesAccount-PDF ._see_img{
+.OrderReceivablesAccount-imgBox{
+  cursor: pointer;
+}
+.OrderReceivablesAccount-imgBox ._see_img{
   opacity: 0;
 }
-.OrderReceivablesAccount-PDF ._see_img {
+.OrderReceivablesAccount-imgBox ._see_img {
     position: absolute;
     top: 0;
     width: 50px;
     height: 50px;
-    padding-top: 16px;
+    padding-top: 0;
     line-height: 34px;
     text-align: center;
     background-color: rgba(2, 2, 2, 0.3);
@@ -74,9 +77,20 @@
     opacity: 0;
     transition: all linear .5s
   }
-.OrderReceivablesAccount-PDF:hover ._see_img {
+.OrderReceivablesAccount-imgBox:hover ._see_img {
   opacity: 1;
 }
+.OrderReceivablesAccount-imgBox ._see_img .icon-sousuo{
+  margin-top: 8px;
+}
+.OrderReceivablesAccount-imgBox ._see_img i.iconfont {
+    display: inline-block;
+    width: 32px;
+    height: 32px;
+    border-radius: 50%;
+    color: #FFFFFF !important;
+    background-color: rgba(255, 255, 255, 0.5);
+}
 </style>
 
 <template>