perf: Web界面，系统更新要更明显

src/views/DesktopApp.jsx

@@ -188,7 +188,7 @@ function DesktopApp() {
               display: 'flex',
               justifyContent: 'end',
             }}>
-            <ReloadPrompt />
+            <ReloadPrompt style={{marginRight: 'auto'}} />
             <Dropdown
               menu={{
                 items: [

src/views/ReloadPrompt.jsx

@@ -4,10 +4,11 @@ import { useRegisterSW } from 'virtual:pwa-register/react';
 // import { pwaInfo } from 'virtual:pwa-info';
 
 import { BUILD_VERSION, BUILD_DATE } from '@/config'
+import { Alert } from 'antd';
 
 // console.log(pwaInfo, 'pwaInfo');
 
-function ReloadPrompt({ force }) {
+function ReloadPrompt({ force, ...props }) {
 
   const {
     offlineReady: [offlineReady, setOfflineReady],
@@ -57,13 +58,14 @@ function ReloadPrompt({ force }) {
     <>
       {/* {offlineReady && (<span>{APP_VERSION}</span>) } */}
       {(force || needRefresh) && (
-        <a
-          className=' text-sky-600 pr-2'
-          onClick={() => {
-            needRefresh ? updateServiceWorker(true) : forceReload()
-          }}>
-          系统更新{needRefresh && '🚀'}
-        </a>
+        <Alert {...props} banner closable={false}
+          message={<a
+            className=' text-sky-600 pr-2'
+            onClick={() => {
+              needRefresh ? updateServiceWorker(true) : forceReload()
+            }}>
+              {force ? '系统更新' : `新版本发布了，点击👉马上更新`}{needRefresh && '🚀'}
+          </a>} type="info" showIcon icon={'🎉'} />
       )}
     </>