解决打包报错 添加logo
This commit is contained in:
parent
d22ed38a28
commit
d5462cd595
|
@ -2,9 +2,9 @@
|
|||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
||||
<link rel="icon" type="image/svg+xml" href="/src/assets/img/logo.png" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Vite + React + TS</title>
|
||||
<title>NEER-APP-H5</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
|
|
|
@ -1,6 +1,6 @@
|
|||
import "./App.css";
|
||||
import { useEffect } from "react";
|
||||
import { BrowserRouter as Router, Route, Routes, Navigate } from "react-router-dom";
|
||||
import { BrowserRouter as Router, Route, Routes } from "react-router-dom";
|
||||
import SignIn from "./pages/SignIn";
|
||||
import Download from "./pages/Download";
|
||||
import SelectCountry from "./pages/SelectCountry";
|
||||
|
|
|
@ -15,7 +15,7 @@ const service = axios.create({
|
|||
});
|
||||
// 统一请求拦截,可配置自定义 headers 例如 language、token 等
|
||||
service.interceptors.request.use(
|
||||
(config: AxiosRequestConfig) => {
|
||||
(config: any): any => {
|
||||
// 确保 headers 对象存在
|
||||
if (!config.headers) {
|
||||
config.headers = {};
|
||||
|
|
Binary file not shown.
After Width: | Height: | Size: 684 B |
|
@ -1,10 +1,11 @@
|
|||
/* eslint-disable @typescript-eslint/no-unused-vars */
|
||||
import { useState, useEffect } from "react";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import { Form, Input, Button } from "antd-mobile";
|
||||
import "../pages/SignIn.scss";
|
||||
import { useCountdown } from "../hooks/useCountdown";
|
||||
import { sendCode, signUp } from "../api";
|
||||
import { sendCodeTypes, signUpTypes } from "../type/SignIn";
|
||||
import { sendCodeTypes, signUpTypes,ErrorType } from "../type/SignIn";
|
||||
import { Toast } from "antd-mobile";
|
||||
|
||||
function EmailForm() {
|
||||
|
@ -48,14 +49,20 @@ function EmailForm() {
|
|||
},
|
||||
});
|
||||
}
|
||||
} catch (error) {
|
||||
} catch (error:unknown) {
|
||||
// 检查 error 是否是 ErrorType 类型
|
||||
if (typeof error === 'object' && error !== null && 'msg' in error) {
|
||||
const typedError = error as ErrorType; // 使用类型断言
|
||||
Toast.show({
|
||||
content: error?.msg,
|
||||
content: typedError.msg,
|
||||
afterClose: () => {
|
||||
start(60 * 1000);
|
||||
},
|
||||
});
|
||||
|
||||
} else {
|
||||
// 处理不是 ErrorType 类型的错误
|
||||
console.log('An unexpected error occurred');
|
||||
}
|
||||
console.warn(error);
|
||||
}
|
||||
};
|
||||
|
@ -87,13 +94,17 @@ function EmailForm() {
|
|||
content: res.data.msg,
|
||||
});
|
||||
}
|
||||
} catch (error) {
|
||||
} catch (error:unknown) {
|
||||
// 检查 error 是否是 ErrorType 类型
|
||||
if (typeof error === 'object' && error !== null && 'msg' in error) {
|
||||
const typedError = error as ErrorType; // 使用类型断言
|
||||
Toast.show({
|
||||
content: error?.msg,
|
||||
afterClose: () => {
|
||||
start(60 * 1000);
|
||||
},
|
||||
content: typedError.msg,
|
||||
});
|
||||
} else {
|
||||
// 处理不是 ErrorType 类型的错误
|
||||
console.log('An unexpected error occurred');
|
||||
}
|
||||
console.warn(error);
|
||||
}
|
||||
};
|
||||
|
|
|
@ -6,7 +6,7 @@ import "../pages/SignIn.scss";
|
|||
import useUserStore from "../store/user.ts";
|
||||
import { useCountdown } from "../hooks/useCountdown";
|
||||
import { sendCode, signUp } from "../api";
|
||||
import { sendCodeTypes, signUpTypes } from "../type/SignIn";
|
||||
import { sendCodeTypes, signUpTypes,ErrorType} from "../type/SignIn";
|
||||
import { Toast } from "antd-mobile";
|
||||
|
||||
function PhoneForm() {
|
||||
|
@ -62,13 +62,20 @@ function PhoneForm() {
|
|||
},
|
||||
});
|
||||
}
|
||||
} catch (error) {
|
||||
} catch (error:unknown) {
|
||||
// 检查 error 是否是 ErrorType 类型
|
||||
if (typeof error === 'object' && error !== null && 'msg' in error) {
|
||||
const typedError = error as ErrorType; // 使用类型断言
|
||||
Toast.show({
|
||||
content: error?.msg,
|
||||
content: typedError.msg,
|
||||
afterClose: () => {
|
||||
start(60 * 1000);
|
||||
},
|
||||
});
|
||||
} else {
|
||||
// 处理不是 ErrorType 类型的错误
|
||||
console.log('An unexpected error occurred');
|
||||
}
|
||||
console.warn(error);
|
||||
}
|
||||
};
|
||||
|
@ -98,13 +105,17 @@ function PhoneForm() {
|
|||
content: res.data.msg,
|
||||
})
|
||||
}
|
||||
} catch (error) {
|
||||
} catch (error:unknown) {
|
||||
// 检查 error 是否是 ErrorType 类型
|
||||
if (typeof error === 'object' && error !== null && 'msg' in error) {
|
||||
const typedError = error as ErrorType; // 使用类型断言
|
||||
Toast.show({
|
||||
content: error?.msg,
|
||||
afterClose: () => {
|
||||
start(60 * 1000);
|
||||
},
|
||||
content: typedError.msg,
|
||||
});
|
||||
} else {
|
||||
// 处理不是 ErrorType 类型的错误
|
||||
console.log('An unexpected error occurred');
|
||||
}
|
||||
console.warn(error);
|
||||
}
|
||||
|
||||
|
|
|
@ -8,10 +8,12 @@
|
|||
.logo {
|
||||
width: 4.25rem;
|
||||
height: 4.25rem;
|
||||
background: #bf62ff;
|
||||
border-radius: 50%;
|
||||
margin-left: 50%;
|
||||
transform: translateX(-50%);
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.btn-box {
|
||||
|
|
|
@ -1,6 +1,7 @@
|
|||
import googleIcon from '../assets/img/google.png'
|
||||
import appStoreIcon from '../assets/img/app_store.png'
|
||||
import { useTranslation } from "react-i18next";
|
||||
import Logo from "../assets/img/logo.png"
|
||||
|
||||
import "./Download.scss";
|
||||
|
||||
|
@ -9,7 +10,9 @@ function Download() {
|
|||
|
||||
return (
|
||||
<div className="container">
|
||||
<div className="logo"></div>
|
||||
<div className="logo">
|
||||
<img src={Logo} alt="" />
|
||||
</div>
|
||||
<div className="btn-box">
|
||||
<div className="btn-item">
|
||||
<img src={googleIcon}alt="" />
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
import { useState, useEffect } from "react";
|
||||
import { useState } from "react";
|
||||
import { useTranslation } from "react-i18next";
|
||||
import gobackIcon from "../assets/iconfont/goback.svg";
|
||||
import searchIcon from "../assets/iconfont/search.svg";
|
||||
|
@ -62,7 +62,7 @@ function SelectCountry() {
|
|||
className={`area-item ${isSelected && "selected"}`}
|
||||
onClick={() => handleSelectCountry(item, index)}
|
||||
>
|
||||
<span>{item[lang]}</span>
|
||||
<span>{(item as never)[lang]}</span>
|
||||
<span>{item.code}</span>
|
||||
</div>
|
||||
);
|
||||
|
@ -75,7 +75,7 @@ function SelectCountry() {
|
|||
className={`area-item ${isSelected && "selected"}`}
|
||||
onClick={() => handleSelectCountry(item, index)}
|
||||
>
|
||||
<span>{item[lang]}</span>
|
||||
<span>{(item as never)[lang]}</span>
|
||||
<span>{item.code}</span>
|
||||
</div>
|
||||
);
|
||||
|
|
|
@ -8,10 +8,12 @@
|
|||
.logo {
|
||||
width: 4.25rem;
|
||||
height: 4.25rem;
|
||||
background: #bf62ff;
|
||||
border-radius: 50%;
|
||||
margin-left: 50%;
|
||||
transform: translateX(-50%);
|
||||
img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.tabs {
|
||||
|
|
|
@ -4,6 +4,7 @@ import phoneIconSelect from "../assets/iconfont/phone_Select.svg";
|
|||
import phoneIcon from "../assets/iconfont/phone.svg";
|
||||
import emailIcon from "../assets/iconfont/email.svg";
|
||||
import emailIconSelect from "../assets/iconfont/email_Select.svg";
|
||||
import Logo from "../assets/img/logo.png"
|
||||
import "./SignIn.scss";
|
||||
import EmailForm from "../components/EmailForm";
|
||||
import PhoneForm from "../components/PhoneForm";
|
||||
|
@ -33,7 +34,9 @@ function SignIn() {
|
|||
}, [previousPathName]);
|
||||
return (
|
||||
<div className="container">
|
||||
<div className="logo"></div>
|
||||
<div className="logo">
|
||||
<img src={Logo} alt="" />
|
||||
</div>
|
||||
<div className="tabs">
|
||||
<div
|
||||
className={`tabs-button ${selectIndex === 0 && "selected"}`}
|
||||
|
|
|
@ -13,4 +13,6 @@ export interface signUpTypes {
|
|||
authCode:string
|
||||
shareCode: string;
|
||||
}
|
||||
|
||||
export interface ErrorType {
|
||||
msg: any;
|
||||
}
|
|
@ -2,9 +2,10 @@
|
|||
"compilerOptions": {
|
||||
"composite": true,
|
||||
"skipLibCheck": true,
|
||||
"module": "ESNext",
|
||||
"module": "commonjs",
|
||||
"moduleResolution": "bundler",
|
||||
"allowSyntheticDefaultImports": true
|
||||
"allowSyntheticDefaultImports": true,
|
||||
"sourceMap":true
|
||||
},
|
||||
"include": ["vite.config.ts"]
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue