刷新

src/page/Home/Index/index.module.scss

@@ -41,10 +41,15 @@
     box-sizing: border-box;
 
     .indexContentTitle {
-      flex-shrink: 0;
+      display: flex;
-      color: white;
+      align-items: center;
-      font-size: 18px;
+      justify-content: space-between;
-      font-weight: bold;
+      >span {
+        flex-shrink: 0;
+        color: white;
+        font-size: 18px;
+        font-weight: bold;
+      }
     }
 
     .indexContentList {

src/page/Home/Index/index.tsx

@@ -7,6 +7,7 @@ import { GetRoom, PostRomm, GetCheckoutRoomNum, GetRoomRtcToken, GetRoomInfo } f
 import ImageUrl from '@/utils/package/ImageUrl'
 import { PostRefresh } from '@/api/Login';
 import { storage } from '@/utils';
+import { RedoOutlined } from '@ant-design/icons';
 const Index: React.FC = () => {
   const navigate = useNavigate();
   const [list, setList] = useState({
@@ -114,8 +115,16 @@ const Index: React.FC = () => {
           </Button>
         </div>
         <div className={styles.indexContent}>
-          <div className={styles.indexContentTitle}>
+          <div className={`drag ${styles.indexContentTitle}`}>
-            会议室列表
+            <span>会议室列表</span>
+            <RedoOutlined
+              title='刷新'
+              style={{
+                cursor: 'pointer',
+                transform: 'rotate(-60deg)'
+              }}
+              onClick={() => getRoomList()}
+            />
           </div>
           {list.data.length ? <div className={styles.indexContentList}>
             {list.data.map((item: any, index: number) => {