fix: 修改催单图标样式

src/pages/orderManage/pendingDeliveryOrder/index.jsx

@@ -168,16 +168,16 @@ const TableList = props => {
             <PopoverNotice time={item?.time} content={item?.content} />
           ));
         return (
-          <>
+          <div className={style['urge-box']}>
             {_}
             {urgeDeliverGoodsList ? (
               <Popover placement="top" title="催发货" content={<>{content()}</>} trigger="hover">
-                <span className={style.urge}>催</span>
+                <span className={style.urge}>催单</span>
               </Popover>
             ) : (
               ''
             )}
-          </>
+          </div>
         );
       },
     },

src/pages/orderManage/pendingDeliveryOrder/index.less

@@ -84,16 +84,20 @@
 }
 
 // 催发货图标
+.urge-box {
+  white-space: nowrap;
+}
 .urge {
   display: inline-block;
-  width: 20px;
-  height: 20px;
+  width: 36px;
+  height: 17px;
   margin-left: 5px;
-  color: #fff;
-  line-height: 20px;
+  color: #ff1515;
+  font-size: 12px;
+  line-height: 16px;
   text-align: center;
-  background-color: red;
-  border-radius: 50%;
+  border: 1px solid #ff1515;
+  border-radius: 18px;
   cursor: pointer;
 }