移动端登录和退出

src/main.jsx

@@ -33,12 +33,10 @@ const router = createBrowserRouter([
     children: isMobileApp
       ? [
           {
-            path: 'm',
             element: <MobileApp />,
             children: [
-              { path: 'conversation', element: <MobileConversation /> },
-              // { path: 'chat/:order_sn', element: <MobileChat /> },
-              // { path: 'chat', element: <MobileChat /> },
+              { index: true, element: <MobileConversation /> },
+              { path: 'm/conversation', element: <MobileConversation /> },
             ],
           },
           { path: 'm/chat/:order_sn', element: <MobileChat /> },
@@ -63,7 +61,7 @@ const router = createBrowserRouter([
     path: '/p',
     element: <Standlone />,
     children: [
-      { path: 'dingding/qrcode', element: <DingdingQRCode /> },
+      { path: 'dingding/qrcode', element: isMobileApp ? <MobileLogin /> : <DingdingQRCode /> },
       { path: 'dingding/callback', element: <DingdingCallback /> },
       { path: 'dingding/logout', element: <DingdingLogout /> },
       { path: 'mobile-login', element: <MobileLogin /> },

src/views/MobileApp.jsx

@@ -2,9 +2,9 @@ import '@/assets/App.css'
 import AppLogo from '@/assets/logo-gh.png'
 import { useThemeContext } from '@/stores/ThemeContext'
 import useAuthStore from '@/stores/AuthStore'
-import { Col, Layout, Row, Typography, theme, Space, Avatar } from 'antd'
+import { Col, Layout, Row, Typography, theme, Space, Avatar, Dropdown, } from 'antd'
 import { DownOutlined } from '@ant-design/icons'
-import { NavLink, Outlet } from 'react-router-dom'
+import { NavLink, Outlet,  Link } from 'react-router-dom'
 const { Header, Footer, Content } = Layout
 const { Title } = Typography
 
@@ -25,8 +25,22 @@ function MobileApp() {
             <NavLink to='/m/conversation'>
               <img src={AppLogo} className='logo' alt='App logo' />
             </NavLink>
-            <Space><Avatar
-                    src={loginUser.avatarUrl}>{loginUser?.username?.substring(1)}</Avatar><span style={{ color: colorPrimary }}>{loginUser.username}</span><DownOutlined />​</Space>
+            <Dropdown
+              menu={{
+                items: [
+                  {
+                    label: <Link to='/p/dingding/logout'>退出</Link>,
+                    key: '3',
+                  },
+                ]
+              }}
+              trigger={['click']}
+            >
+              <a onClick={(e) => e.preventDefault()} style={{ color: colorPrimary }}>
+                <Space><Avatar
+                src={loginUser.avatarUrl}>{loginUser?.username?.substring(1)}</Avatar>{loginUser.username}<DownOutlined />​</Space>
+              </a>
+            </Dropdown>
           </Col>
         </Row>
       </Header>