feat: 本次提交更新内容如下

样式构建完成

nkebao/.env.development

@@ -1,4 +1,4 @@
 # 基础环境变量示例
-VITE_API_BASE_URL=http://yishi.com
+VITE_API_BASE_URL=http://www.yishi.com
 VITE_APP_TITLE=Nkebao Base
 

nkebao/src/pages/devices/Devices.tsx

@@ -1,11 +1,13 @@
 import React, { useEffect, useRef, useState, useCallback } from "react";
 import { NavBar, Popup, Tabs, Toast, SpinLoading, Dialog } from "antd-mobile";
 import { Button, Input, Pagination } from "antd";
+import { useNavigate } from "react-router-dom";
 import { AddOutline, DeleteOutline } from "antd-mobile-icons";
 import {
   ReloadOutlined,
   SearchOutlined,
   QrcodeOutlined,
+  ArrowLeftOutlined,
 } from "@ant-design/icons";
 import Layout from "@/components/Layout/Layout";
 import MeauMobile from "@/components/MeauMobile/MeauMoible";
@@ -43,6 +45,7 @@ const Devices: React.FC = () => {
   const [delVisible, setDelVisible] = useState(false);
   const [delLoading, setDelLoading] = useState(false);
 
+  const navigate = useNavigate();
   // 加载设备列表
   const loadDevices = useCallback(
     async (reset = false) => {
@@ -173,8 +176,17 @@ const Devices: React.FC = () => {
   return (
     <Layout
       header={
+        <>
           <NavBar
             back={null}
+            left={
+              <div className="nav-title">
+                <ArrowLeftOutlined
+                  twoToneColor="#1677ff"
+                  onClick={() => navigate(-1)}
+                />
+              </div>
+            }
             style={{ background: "#fff" }}
             right={
               <Button
@@ -191,11 +203,8 @@ const Devices: React.FC = () => {
               设备管理
             </span>
           </NavBar>
-      }
+
-      footer={<MeauMobile activeKey="workspace" />}
+          <div style={{ padding: "12px 12px 0 12px", background: "#fff" }}>
-      loading={loading && devices.length === 0}
-    >
-      <div style={{ padding: 12 }}>
             {/* 搜索栏 */}
             <div style={{ display: "flex", gap: 8, marginBottom: 12 }}>
               <Input
@@ -206,7 +215,10 @@ const Devices: React.FC = () => {
                 allowClear
                 style={{ flex: 1 }}
               />
-          <Button onClick={() => loadDevices(true)} icon={<ReloadOutlined />}>
+              <Button
+                onClick={() => loadDevices(true)}
+                icon={<ReloadOutlined />}
+              >
                 刷新
               </Button>
             </div>
@@ -231,6 +243,23 @@ const Devices: React.FC = () => {
                 删除
               </Button>
             </div>
+          </div>
+        </>
+      }
+      footer={
+        <div style={{ padding: 16, textAlign: "center", background: "#fff" }}>
+          <Pagination
+            current={page}
+            pageSize={20}
+            total={total}
+            showSizeChanger={false}
+            onChange={handlePageChange}
+          />
+        </div>
+      }
+      loading={loading && devices.length === 0}
+    >
+      <div style={{ padding: 12 }}>
         {/* 设备列表 */}
         <div style={{ display: "flex", flexDirection: "column", gap: 10 }}>
           {filtered.map((device) => (
@@ -294,18 +323,7 @@ const Devices: React.FC = () => {
               </span>
             </div>
           ))}
-          {/* 分页组件 */}
+
-          {usePagination && (
-            <div style={{ padding: 16, textAlign: "center" }}>
-              <Pagination
-                current={page}
-                pageSize={20}
-                total={total}
-                showSizeChanger={false}
-                onChange={handlePageChange}
-              />
-            </div>
-          )}
           {/* 无限滚动提示（仅在不分页时显示） */}
           {!usePagination && (
             <div