修改下载页按钮位置

src/components/home/SectionDownload.jsx

@@ -55,7 +55,7 @@ const SectionDownload = ({ t, isCN }) => {
         onClick={onClick}
         className='group hover:bg-gray-100 duration-300 cursor-pointer w-full h-[8vh] p-[2vh] flex flex-row items-center justify-center rounded border'>
         <SVGIcon type={platformType} />
-        <div className='ml-3 font-thin text-white group-hover:text-blue-500 duration-300 tracking-widest-cn'>
+        <div className='ml-3 bg-gradient-text text-transparent bg-clip-text group-hover:text-blue-500 duration-300 tracking-widest-cn'>
           {buttonString}
         </div>
       </div>
@@ -68,7 +68,7 @@ const SectionDownload = ({ t, isCN }) => {
         onClick={onClick}
         className='group hover:bg-gray-100 duration-300 cursor-pointer w-full h-[8vh] p-[2vh] flex flex-row items-center justify-center rounded border'>
         <SVGIcon type={platformType} />
-        <div className='ml-3 bg-gradient-text text-transparent bg-clip-text group-hover:text-blue-500 duration-300 tracking-widest-cn'>
+        <div className='ml-3 font-thin text-white  group-hover:text-blue-500 duration-300 tracking-widest-cn'>
           {buttonString}
         </div>
       </div>
@@ -80,7 +80,7 @@ const SectionDownload = ({ t, isCN }) => {
       <div
         onClick={onClick}
         className='group hover:bg-gray-100 duration-300 cursor-pointer w-full h-[8vh] p-[2vh] flex flex-row items-center justify-center rounded border'>
-        <div className='font-thin text-white group-hover:text-blue-500 duration-300 tracking-widest-cn'>
+        <div className='bg-gradient-text text-transparent bg-clip-text group-hover:text-blue-500 duration-300 tracking-widest-cn'>
           {buttonString}
         </div>
       </div>
@@ -93,7 +93,7 @@ const SectionDownload = ({ t, isCN }) => {
         onClick={onClick}
         className='group hover:bg-gray-100 duration-300 cursor-pointer w-full h-[8vh] p-[2vh] flex flex-row items-center justify-center rounded border'>
         <SVGIcon type={'web-pre'} />
-        <div className='ml-3 bg-gradient-text text-transparent bg-clip-text group-hover:text-blue-500 duration-300 tracking-widest-cn'>
+        <div className='ml-3 font-thin text-white group-hover:text-blue-500 duration-300 tracking-widest-cn'>
           {t('直接登录')}
         </div>
       </div>
@@ -149,74 +149,74 @@ const SectionDownload = ({ t, isCN }) => {
             <Tabs.Trigger
               className='duration-300 backdrop-blur-sm bg-white bg-opacity-30 data-[state=active]:font-bold data-[state=active]:bg-opacity-90 px-5 h-[8vh] flex-1 flex items-center justify-center text-xl tracking-widest-cn text-gray-300 select-none first:rounded-tl-md last:rounded-tr-md hover:text-gray-100 data-[state=active]:text-blue-500 data-[state=active]:shadow-[inset_0_-3px_0_0,0_1px_0_0] data-[state=active]:shadow-white data-[state=active]:focus:relative outline-none cursor-pointer'
               value={DOWNLOADS_TABS[1]}>
-              {t('预览版')}
+              {t('旧版本')}
             </Tabs.Trigger>
           </Tabs.List>
           <div className='grow backdrop-blur-sm bg-white bg-opacity-20 rounded-b-md outline-none overflow-x-hidden'>
             <div className={_buildTabContainerClass}>
               <div className='grid grid-cols-1 md:grid-cols-2 gap-6 p-5'>
-                <_buildStaDownloadButton
-                  platformType='android'
+                <_buildPreDownloadButton
+                  platformType='android-pre'
                   buttonString={t('Android 客户端下载')}
                   onClick={() =>
-                    _handleWindowOpen(config.OLD_FLYINSONO_ANDROID_DOWNLOAD_URL)
+                    _handleWindowOpen(config.FLYINSONO_ANDROID_DOWNLOAD_URL)
                   }
                 />
-                <_buildStaDownloadButton
-                  platformType='apple'
+                <_buildPreDownloadButton
+                  platformType='apple-pre'
                   buttonString={t('iOS 客户端下载')}
                   onClick={() =>
-                    _handleWindowOpen(config.OLD_FLYINSONO_IOS_DOWNLOAD_URL)
+                    _handleWindowOpen(config.FLYINSONO_IOS_DOWNLOAD_URL)
                   }
                 />
                 <div className='hidden md:block'>
-                  <_buildStaDownloadButton
-                    platformType='windows'
+                  <_buildPreDownloadButton
+                    platformType='windows-pre'
                     buttonString={t('Windows 客户端下载')}
                     onClick={() =>
-                      _handleWindowOpen(
-                        config.OLD_FLYINSONO_WINDOWS_DOWNLOAD_URL,
-                      )
+                      _handleWindowOpen(config.FLYINSONO_WINDOWS_DOWNLOAD_URL)
                     }
                   />
                 </div>
                 <div className='hidden md:block'>
-                  <_buildTextButton
-                    buttonString={t('Sonopost 配置工具')}
+                  <_buildLoginButton
                     onClick={() =>
-                      _handleWindowOpen(config.SONOPOST_TOOL_DOWNLOAD_URL)
+                      _handleWindowOpen(config.FLYINSONO_WEB_APP_URL)
                     }
                   />
                 </div>
               </div>
               <div className='grid grid-cols-1 md:grid-cols-2 gap-6 p-5'>
-                <_buildPreDownloadButton
-                  platformType='android-pre'
+                <_buildStaDownloadButton
+                  platformType='android'
                   buttonString={t('Android 客户端下载')}
                   onClick={() =>
-                    _handleWindowOpen(config.FLYINSONO_ANDROID_DOWNLOAD_URL)
+                    _handleWindowOpen(config.OLD_FLYINSONO_ANDROID_DOWNLOAD_URL)
                   }
                 />
-                <_buildPreDownloadButton
-                  platformType='apple-pre'
+                <_buildStaDownloadButton
+                  platformType='apple'
                   buttonString={t('iOS 客户端下载')}
                   onClick={() =>
-                    _handleWindowOpen(config.FLYINSONO_IOS_DOWNLOAD_URL)
+                    _handleWindowOpen(config.OLD_FLYINSONO_IOS_DOWNLOAD_URL)
                   }
                 />
                 <div className='hidden md:block'>
-                  <_buildPreDownloadButton
-                    platformType='windows-pre'
+                  <_buildStaDownloadButton
+                    platformType='windows'
                     buttonString={t('Windows 客户端下载')}
                     onClick={() =>
-                      _handleWindowOpen(config.FLYINSONO_WINDOWS_DOWNLOAD_URL)
+                      _handleWindowOpen(
+                        config.OLD_FLYINSONO_WINDOWS_DOWNLOAD_URL,
+                      )
                     }
                   />
                 </div>
                 <div className='hidden md:block'>
-                  <_buildLoginButton
+                  <_buildTextButton
+                    buttonString={t('Sonopost 配置工具')}
                     onClick={() =>
-                      _handleWindowOpen(config.FLYINSONO_WEB_APP_URL)
+                      _handleWindowOpen(config.SONOPOST_TOOL_DOWNLOAD_URL)
                     }
                   />
                 </div>

src/components/svg/AppleIcon.jsx

@@ -10,8 +10,8 @@ const AppleIcon = ({ className }) => (
     <title>Apple</title>
     <defs>
       <linearGradient id='MyGradient' x1='0' x2='0' y1='0' y2='1'>
-        <stop offset='5%' stopColor='#D6FFF1' />
-        <stop offset='95%' stopColor='#DCEDFD' />
+        <stop offset='5%' stopColor='#B4DDFF' />
+        <stop offset='95%' stopColor='#CCE8FF' />
       </linearGradient>
     </defs>
     <path d='M12.152 6.896c-.948 0-2.415-1.078-3.96-1.04-2.04.027-3.91 1.183-4.961 3.014-2.117 3.675-.546 9.103 1.519 12.09 1.013 1.454 2.208 3.09 3.792 3.039 1.52-.065 2.09-.987 3.935-.987 1.831 0 2.35.987 3.96.948 1.637-.026 2.676-1.48 3.676-2.948 1.156-1.688 1.636-3.325 1.662-3.415-.039-.013-3.182-1.221-3.22-4.857-.026-3.04 2.48-4.494 2.597-4.559-1.429-2.09-3.623-2.324-4.39-2.376-2-.156-3.675 1.09-4.61 1.09zM15.53 3.83c.843-1.012 1.4-2.427 1.245-3.83-1.207.052-2.662.805-3.532 1.818-.78.896-1.454 2.338-1.273 3.714 1.338.104 2.715-.688 3.559-1.701' />

src/components/svg/SVGIcon.jsx

@@ -11,7 +11,7 @@ const SVGIcon = ({ type }) => {
       return (
         <AppleIcon
           className={
-            'h-full object-contain group-hover:fill-blue-500 fill-white'
+            'h-full object-contain group-hover:fill-blue-500 fill-[url(#MyGradient)]'
           }
         />
       );
@@ -19,7 +19,7 @@ const SVGIcon = ({ type }) => {
       return (
         <AndroidIcon
           className={
-            'h-full object-contain group-hover:fill-blue-500 fill-white'
+            'h-full object-contain group-hover:fill-blue-500 fill-[url(#MyGradient)]'
           }
         />
       );
@@ -27,7 +27,7 @@ const SVGIcon = ({ type }) => {
       return (
         <WindowsIcon
           className={
-            'h-full object-contain group-hover:fill-blue-500 fill-white'
+            'h-full object-contain group-hover:fill-blue-500 fill-[url(#MyGradient)]'
           }
         />
       );
@@ -35,7 +35,7 @@ const SVGIcon = ({ type }) => {
       return (
         <AppleIcon
           className={
-            'h-full object-contain group-hover:fill-blue-500 fill-[url(#MyGradient)]'
+            'h-full object-contain group-hover:fill-blue-500 fill-white'
           }
         />
       );
@@ -43,7 +43,7 @@ const SVGIcon = ({ type }) => {
       return (
         <AndroidIcon
           className={
-            'h-full object-contain group-hover:fill-blue-500 fill-[url(#MyGradient)]'
+            'h-full object-contain group-hover:fill-blue-500 fill-white'
           }
         />
       );
@@ -51,7 +51,7 @@ const SVGIcon = ({ type }) => {
       return (
         <WindowsIcon
           className={
-            'h-full object-contain group-hover:fill-blue-500 fill-[url(#MyGradient)]'
+            'h-full object-contain group-hover:fill-blue-500 fill-white'
           }
         />
       );
@@ -59,7 +59,7 @@ const SVGIcon = ({ type }) => {
       return (
         <PlaneIcon
           className={
-            'h-full object-contain group-hover:fill-blue-500 fill-[url(#MyGradient)]'
+            'h-full object-contain group-hover:fill-blue-500 fill-white'
           }
         />
       );

src/i18n/en.json

@@ -34,7 +34,7 @@
     "智能超声 · 一触即达": "Intelligent Ultrasound · Instant Reach",
     "智能超控": "Remote Control",
     "杏聆荟是一个专注于整合医疗资源，针对超声医疗资源分布不均、治疗效率低下、特殊情况无法灵活应对等问题，为医患提供一站式远程超声解决方案的平台。": "Flyinsono is a platform that focuses on integrating medical resources to address issues such as uneven distribution of ultrasound medical resources, low treatment efficiency, and the inability to flexibly respond to special situations. It provides a one-stop remote ultrasound solution for medical professionals and patients.",
-    "正式版": "Stable Version",
+    "正式版": "Stable Version (2.0)",
     "特色功能": "Features",
     "直接登录": "Login Now",
     "立即体验": "Get Started",
@@ -46,7 +46,7 @@
     "远程质控": "Remote Quality Control",
     "邮编：215123 / 电话：400-8873860": "Postal Code: 215123 / Telephone: 400-8873860",
     "销售邮箱：": "Sales Email: ",
-    "预览版": "Preview Version",
+    "旧版本": "Previous Version (1.7)",
     "飞依诺科技股份有限公司": "VINNO Technology (Suzhou)Co., Ltd.",
     "首页": "Home"
   }

src/i18n/zh.json

@@ -34,7 +34,7 @@
     "智能超声 · 一触即达": "智能超声 · 一触即达",
     "智能超控": "智能超控",
     "杏聆荟是一个专注于整合医疗资源，针对超声医疗资源分布不均、治疗效率低下、特殊情况无法灵活应对等问题，为医患提供一站式远程超声解决方案的平台。": "杏聆荟是一个专注于整合医疗资源，针对超声医疗资源分布不均、治疗效率低下、特殊情况无法灵活应对等问题，为医患提供一站式远程超声解决方案的平台。",
-    "正式版": "正式版",
+    "正式版": "正式版（2.0）",
     "特色功能": "特色功能",
     "直接登录": "直接登录",
     "立即体验": "立即体验",
@@ -46,8 +46,8 @@
     "远程质控": "远程质控",
     "邮编：215123 / 电话：400-8873860": "邮编：215123 / 电话：400-8873860",
     "销售邮箱：": "销售邮箱：",
-    "预览版": "预览版",
+    "旧版本": "旧版本（1.7）",
     "飞依诺科技股份有限公司": "飞依诺科技股份有限公司",
     "首页": "首页"
   }
-}
+}

tailwind.config.js

@@ -27,7 +27,7 @@ module.exports = {
         'gradient-radial': 'radial-gradient(var(--tw-gradient-stops))',
         'gradient-conic':
           'conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))',
-        'gradient-text': 'linear-gradient(to bottom, #D3FFA2, #6CFFFD)',
+        'gradient-text': 'linear-gradient(to bottom, #F0F0F0, #D6F3F3)',
       },
       backgroundColor: {
         'blue-500': 'rgb(61, 146, 252)',