Commit b065bf04 by HoMeTown

feat: 提交

parent 2dae56e1
export const envConf = {
dev: {
apiUrl: '/api',
proxyUrl: 'https://sit-sdream.insurbank.cn/sdream-api',
proxyUrl: 'http://82.156.138.187:19002/dev-sdream-api',
},
sit: {
apiUrl: 'https://sit-sdream.insurbank.cn/sdream-api',
proxyUrl: 'https://sit-sdream.insurbank.cn/sdream-api',
apiUrl: 'http://82.156.138.187:19002/dev-sdream-api',
proxyUrl: 'http://82.156.138.187:19002/dev-sdream-api',
},
prod: {
apiUrl: 'https://sit-sdream.insurbank.cn/sdream-api',
proxyUrl: 'https://sit-sdream.insurbank.cn/sdream-api',
apiUrl: 'http://82.156.138.187:19002/dev-sdream-api',
proxyUrl: 'http://82.156.138.187:19002/dev-sdream-api',
},
}
......
......@@ -62,7 +62,7 @@ export const Home: React.FC = () => {
{/* 欢迎语 */}
<div className="gap-[20px] flex justify-center flex-row flex-wrap mt-[26px] sm:mt-[62px] lg:mt-[112px]">
<motion.div className="w-full mb-[12px] sm:mb-[0px] sm:w-auto" {...getAnimationProps(1)}><WelcomeWord /></motion.div>
<motion.div className="w-full sm:w-auto" {...getAnimationProps(1)}><WelcomeWord /></motion.div>
<motion.div className="w-full hidden sm:block sm:w-auto" {...getAnimationProps(2)}><QuestionList questions={RECOMMEND_QUESTIONS_PRODUCT} dotColor="#D4CCFF" title="产品问答" iconImg={HomeIcon1} /></motion.div>
<motion.div className="w-full sm:w-auto" {...getAnimationProps(3)}><QuestionList questions={RECOMMEND_QUESTIONS_OTHER} dotColor="#CBECFF" title="您可以试着问我" iconImg={HomeIcon2} /></motion.div>
</div>
......
......@@ -4,7 +4,6 @@ import { Slogan } from './components/Slogan/Slogan'
import { GradientBackground } from '@/components/GradientBackground'
import ToolsNav from '@/assets/tools-nav.png'
import ToolsCalculation from '@/assets/tools-calculation.png'
import ToolsDetail from '@/assets/tools-detail.png'
import useToast from '@/hooks/useToast'
import ShineBorder from '@/components/ShineBorder'
......@@ -36,29 +35,34 @@ function getAnimationProps(delay: number) {
export const Tools: React.FC = () => {
const tools = [
{ name: '产品试算', desc: '支持保险产品保费测算', icon: ToolsCalculation },
{ name: '净值查询', desc: '支持商养产品净值查询', icon: ToolsDetail },
{ name: '商养收益计算器', desc: '查看商养产品详情信息', icon: ToolsNav },
{ name: '定制计划书', desc: '预估保费,辅助决策', icon: ToolsCalculation, linkUrl: 'http://82.157.184.197:8118/dist/#/BusinessPlan?name=%E5%AE%9A%E5%88%B6%E8%AE%A1%E5%88%92%E4%B9%A6&token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJwaG9uZSI6IjJYbFhId1RTRkZYMm1NTGd2OSsrZkE9PSIsInVzZXJJZCI6Im9RZ2Y0U0dpY2FBaTFoU1M3Nm80Wmc9PSIsInRpbWVzdGFtcCI6ImdhaU15S2VaaEZpODRVeWVRSk8wWEE9PSJ9.lLkD0q7teg4DzqQVNiMc7L4jGOIqxxFimC7JgSE3ci4' },
{ name: '产品比对', desc: '客观中立全维度比对', icon: ToolsNav, linkUrl: 'http://82.157.184.197:8118/dist/#/CompareListAI?type=L&id=ff80808191f018b60191ff37216b000b&age=30&productIdList=102001011,102001008&token=eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJwaG9uZSI6IjJYbFhId1RTRkZYMm1NTGd2OSsrZkE9PSIsInVzZXJJZCI6Im9RZ2Y0U0dpY2FBaTFoU1M3Nm80Wmc9PSIsInRpbWVzdGFtcCI6ImdhaU15S2VaaEZpODRVeWVRSk8wWEE9PSJ9.lLkD0q7teg4DzqQVNiMc7L4jGOIqxxFimC7JgSE3ci4' },
// { name: '净值查询', desc: '支持商养产品净值查询', icon: ToolsDetail, linkUrl: '' },
]
const showToast = useToast()
const handleClickToolItem = () => {
showToast('策马加鞭紧急开发中!', 'default', {
icon: '🚧',
})
const handleClickToolItem = (item: typeof tools[0]) => {
if (!item.linkUrl) {
showToast('策马加鞭紧急开发中!', 'default', {
icon: '🚧',
})
}
else {
window.location.href = item.linkUrl
}
}
return (
<div className={styles.toolsPage}>
<GradientBackground />
<div className="h-full w-full">
<div className="h-full w-full overflow-y-auto scrollbar-hide">
<div className="box flex flex-col h-full w-full">
<div className="flex-1">
<div className="px-[24px] pb-[24px] pt-[42px] sm:pt-[80px] lg:pt-[180px] sm:px-0">
<Slogan />
<div>
<div className="max-w-[912px] flex mx-auto mt-[64px] text-18px text-[#5AA9D0] font-light">全部工具</div>
<div className="max-w-[912px] mx-auto gap-[20px] flex flex-col flex-wrap mt-[22px] sm:flex-row">
<div className="max-w-[912px] mx-auto gap-[20px] grid grid-cols-1 sm:grid-cols-3 mt-[22px] ">
{tools.map((item, index) => (
<motion.div className="flex-1" key={index} onClick={handleClickToolItem} {...getAnimationProps(index + 1)}>
<motion.div className="col-span-1" key={index} onClick={() => handleClickToolItem(item)} {...getAnimationProps(index + 1)}>
<ShineBorder
borderRadius={20}
className="rounded-[20px] bg-[#fff] flex-1 h-[100px] p-[24px] cursor-pointer"
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment