提交

1

src/views/login/index.module.less

@@ -319,4 +319,42 @@
     }
 
   }
+}
+
+.alertWrap {
+  padding: 14px 17px;
+  width: 620px;
+  height: 46px;
+  background: #E6F4FF;
+  border-radius: 9px;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-between;
+
+  .alertInfo {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+
+    .infoIcon {
+      width: 20px;
+      height: 20px;
+      margin-right: 8px;
+    }
+
+    font-size: 16px;
+    font-family: PingFangSC-Regular,
+    PingFang SC;
+    font-weight: 400;
+    color: rgba(0, 0, 0, 0.88);
+  }
+
+  .down {
+    font-size: 16px;
+    font-weight: 500;
+    color: #1677FF;
+    cursor: pointer;
+  }
+
 }

src/views/login/index.tsx

@@ -5,12 +5,13 @@ import loginRight from './images/loginright.png';
 import colLogo from './images/colLogo.png';
 import CodeLogin from './components/codeLogin';
 import PwdLogin from './components/pwdLogin';
-import { NTabs, NTabPane, useDialog, NModal, NButton, NSpace } from 'naive-ui';
+import { NTabs, NTabPane, useDialog, NModal, NButton, NSpace,NAlert, NImage } from 'naive-ui';
 import styles from './index.module.less';
 import ForgotPassword from './components/forgotPassword';
 import moveTop from './images/moveTopBg.png'
 import dingPng from './images/ding.png'
 import closeAble from './images/closeAble.png'
+import infoIcon from './images/infoIcon.png'
 export default defineComponent({
   name: 'login-page',
   setup() {
@@ -88,6 +89,19 @@ export default defineComponent({
       //
 
     })
+    const downChrome = ()=>{
+      const agent = navigator.userAgent.toLowerCase();
+      const isMac = function () { return /macintosh|mac os x/i.test(navigator.userAgent); }();
+      if (agent.indexOf("win32") >= 0 || agent.indexOf("wow32") >= 0) {
+        window.open('https://appstore.ks3-cn-beijing.ksyuncs.com/ChromeStandaloneSetup32.exe');
+      }
+      if (agent.indexOf("win64") >= 0 || agent.indexOf("wow64") >= 0) {
+        window.open('https://appstore.ks3-cn-beijing.ksyuncs.com/ChromeStandaloneSetup64.exe');
+      }
+      if (isMac) {
+        window.open('https://appstore.ks3-cn-beijing.ksyuncs.com/googlechrome-mac.dmg');
+      }
+    }
 
     return () => (
       <div class={styles['view-account']}>
@@ -136,6 +150,15 @@ export default defineComponent({
               </NTabPane>
             </NTabs>
           )}
+
+
+         <div class={styles.alertWrap}>
+          <div class={styles.alertInfo}>
+            <NImage src={infoIcon} class={styles.infoIcon} previewDisabled></NImage>
+            为了您更好的上课体验，推荐使用Chrome浏览器
+          </div>
+          <div class={styles.down} onClick={downChrome}>立即下载</div>
+         </div>
         </div>
         <NModal
           v-model:show={showModalMask.value}