up

后台管理/src/pages/A2ZSort/index.module.scss

@@ -6,6 +6,11 @@
       background-color: #fff;
       display: flex;
       align-items: center;
+      .sortTit{
+        cursor: pointer;
+        margin-left: 20px;
+        font-size: 16px;
+      }
     }
 
     .tableBox {
@@ -27,11 +32,11 @@
       }
 
       .sortBox {
-        width: 100%;
-        height: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
+        // width: 100%;
+        // height: 100%;
+        // display: flex;
+        // align-items: center;
+        // justify-content: center;
 
         input {
           padding-left: 3px;

后台管理/src/pages/A2ZSort/index.tsx

@@ -13,11 +13,14 @@ import {
   A2_APIsort,
 } from "@/store/action/A2Gallery";
 import { RootState } from "@/store";
-import { Input, Table } from "antd";
+import { Input, Table, Tooltip } from "antd";
 import { A2TableType } from "@/types";
 import ImageLazy from "@/components/ImageLazy";
 
-import { SortAscendingOutlined } from "@ant-design/icons";
+import {
+  SortAscendingOutlined,
+  ExclamationCircleFilled,
+} from "@ant-design/icons";
 import { MessageFu } from "@/utils/message";
 
 function A2ZSort() {
@@ -175,11 +178,11 @@ function A2ZSort() {
         width: 200,
         render: (item: A2TableType) => (
           <div className="sortBox">
+            &nbsp;
             <SortAscendingOutlined
               hidden={sortClickNum === item.sort}
               onClick={() => sortShowFu(item.sort)}
             />
-            &emsp;
             {sortClickNum === item.sort ? (
               <input
                 onBlur={() => setSortClickNum(-1)}
@@ -210,11 +213,25 @@ function A2ZSort() {
           allowClear
           onChange={(e) => nameChange(e)}
         />
-        <span hidden={!dataAll.total}>
-          &emsp;&emsp;点击 &nbsp;
-          <SortAscendingOutlined /> &nbsp;输入&nbsp;1-{dataAll.total}
-          &nbsp; 的整数，按Enter交换序号排序
-        </span>
+
+        <div className="sortTit" hidden={!dataAll.total}>
+          <Tooltip
+            title={
+              <>
+                点击 &emsp;
+                <SortAscendingOutlined />
+                &emsp;输入&emsp;1-{dataAll.total}
+                &emsp;的整数，按&emsp;Enter键&emsp;交换序号
+              </>
+            }
+          >
+            <div className="inco">
+              <ExclamationCircleFilled />
+            </div>
+          </Tooltip>
+        </div>
+
+        <span></span>
       </div>
 
       {/* 表格主体 */}