Skip to content

S
sdream-ai-fe
Commit ae1820bb by HoMeTown
Options

feat: 增强h5媒体查询适配

parent d15c3c45
Showing with 8 additions and 9 deletions
src/pages/Chat/Chat.tsx
...@@ -58,7 +58,7 @@ export const Chat: React.FC = () => { ...@@ -58,7 +58,7 @@ export const Chat: React.FC = () => {
} as ChatRecord, } as ChatRecord,
]) ])
let fetchUrl = `/conversation/api/conversation/mobile/v1/submit_question_stream` let fetchUrl = `/conversation/api/conversation/mobile/v1/submit_question_stream`
const proxy = import.meta.env.MODE === 'dev' ? '/api' : '/sdream-api' const proxy = import.meta.env.MODE === 'dev' ? '/api' : '/dev-sdream-api'
fetchUrl = proxy + fetchUrl fetchUrl = proxy + fetchUrl
fetchStreamResponse( fetchStreamResponse(
......
src/pages/Home/Home.tsx
...@@ -53,14 +53,14 @@ export const Home: React.FC = () => { ...@@ -53,14 +53,14 @@ export const Home: React.FC = () => {
<GradientBackground /> <GradientBackground />
<div className="h-full w-full"> <div className="h-full w-full">
<div className="box flex flex-col h-full w-full"> <div className="box flex flex-col h-full w-full">
<div className="flex-1 sm:flex items-center overflow-y-scroll pt-[32px] scrollbar-hide sm:overflow-hidden"> <div className="flex-1 sm:flex items-center pt-[24px] overflow-y-scroll sm:pt-[32px] scrollbar-hide sm:overflow-hidden">
<div className="w-full"> <div className="w-full">
<div className="px-[24px] pb-[24px] sm:px-0"> <div className="px-[12px] pb-[24px] sm:px-0">
{/* slogan */} {/* slogan */}
<Slogan /> <Slogan />
{/* 欢迎语 */} {/* 欢迎语 */}
<div className="gap-[20px] flex justify-center flex-row flex-wrap mt-[26px] sm:mt-[62px] lg:mt-[112px]"> <div className="gap-[20px] flex justify-center flex-row flex-wrap mt-[22px] sm:mt-[62px] lg:mt-[112px]">
<motion.div className="w-full 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 hidden sm:block sm:w-auto" {...getAnimationProps(2)}><QuestionList questions={RECOMMEND_QUESTIONS_PRODUCT} dotColor="#D4CCFF" title="产品问答" iconImg={HomeIcon1} /></motion.div>
......
src/pages/Home/components/Slogan/Slogan.tsx
...@@ -18,9 +18,8 @@ export const Slogan: React.FC = () => { ...@@ -18,9 +18,8 @@ export const Slogan: React.FC = () => {
<GradientsBall /> <GradientsBall />
<TextLogo className="w-[80px] sm:w-auto" /> <TextLogo className="w-[80px] sm:w-auto" />
{/* <GradualSpacing text="晓得解惑，让沟通更智能" className="mt-[20px] text-[18px] sm:mt-[36px] text-[#333] sm:text-[28px] font-medium" /> */} {/* <GradualSpacing text="晓得解惑，让沟通更智能" className="mt-[20px] text-[18px] sm:mt-[36px] text-[#333] sm:text-[28px] font-medium" /> */}
<TypewriterEFfect cursorClassName="!h-[14px] !w-[2px] sm:!w-[4px] sm:!h-[22px] !bg-[#29B6FD]/40" className="mt-[8px] text-[18px] sm:mt-[12px] text-[#333] sm:text-[28px] font-medium" words={words} /> <TypewriterEFfect cursorClassName="!h-[14px] !w-[2px] sm:!w-[4px] sm:!h-[22px] !bg-[#29B6FD]/40" className="mt-[6px] text-[18px] sm:mt-[12px] text-[#333] sm:text-[28px] font-medium" words={words} />
{/* <h2 className="mt-[20px] text-[18px] sm:mt-[36px] text-[#333] sm:text-[28px] font-medium">晓得解惑，让沟通更智能</h2> */} <h3 className="hidden sm:block mt-[8px] text-[14px] text-center sm:text-[18px] text-[#5AA9D0] font-light sm:mt-[16px]">知晓市场脉搏，引领行业潮流，晓得AI助手全方位为您保驾护航</h3>
<h3 className="mt-[8px] text-[14px] text-center sm:text-[18px] text-[#5AA9D0] font-light sm:mt-[16px]">知晓市场脉搏，引领行业潮流，晓得AI助手全方位为您保驾护航</h3>
</div> </div>
) )
} }
src/pages/Home/components/WelcomeWord/WelcomeWord.tsx
...@@ -72,9 +72,9 @@ const WelcomeWordBase: React.FC<WithAuthProps> = ({ checkAuth }) => { ...@@ -72,9 +72,9 @@ const WelcomeWordBase: React.FC<WithAuthProps> = ({ checkAuth }) => {
} }
return ( return (
<div className="w-full h-auto flex-shrink-0 relative sm:w-[360px] sm:h-[276px]"> <div className="w-full h-auto flex-shrink-0 relative sm:w-[360px] sm:h-[276px]">
<img className="absolute z-[-1] top-0 left-0" src={BotBgImg} alt="" /> <img className="absolute z-[-1] top-0 left-0 w-full h-full" src={BotBgImg} alt="" />
<BotAnimateBox /> <BotAnimateBox />
<div className="px-[18px] relative z-[1] box-border sm:px-[24px] pt-[68px]"> <div className="px-[18px] pt-[58px] pb-[18px] relative z-[1] box-border sm:pb-0 sm:px-[24px] sm:pt-[68px]">
<SayHi /> <SayHi />
<p className="mt-[16px] text-[#27353C] text-[15px] sm:mt-[24px] mb-[16px]">作为您的智能保险伙伴，您有各类专业相关的问题都可以抛给我哟~让我们互相帮助共同成长吧~</p> <p className="mt-[16px] text-[#27353C] text-[15px] sm:mt-[24px] mb-[16px]">作为您的智能保险伙伴，您有各类专业相关的问题都可以抛给我哟~让我们互相帮助共同成长吧~</p>
<Button className="bg-white w-full text-[#20ABD9] font-medium rounded-[20px] sm:w-auto" onClick={handleGo}>立即前往 ➔</Button> <Button className="bg-white w-full text-[#20ABD9] font-medium rounded-[20px] sm:w-auto" onClick={handleGo}>立即前往 ➔</Button>
......
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