zjt/wise-mind-mainpage
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix bugs

Browse Source
This commit is contained in:
zjt 2023-12-02 19:18:38 +08:00
parent ca34845795
commit e5cc5aa3c5
2 changed files with 994 additions and 940 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1867
src/App.css
View File

File diff suppressed because it is too large Load Diff

67
src/App.tsx
View File

@ -6,7 +6,7 @@ export default function App() {
const designHeight = 5550;
const [scale, setScale] = useState(window.innerWidth / designWidth);
const innerWidth = document.body.clientWidth;
const [isFirstPageLoaded, setIsFirstPageLoaded] = useState(false);
return (
<div
style={{
@ -29,7 +29,34 @@ export default function App() {
transformOrigin: "left top",
backgroundSize: "100% 100%",
}} className="div">
<div className="overlap">
<div className="overlap-3">
<img className="image-25" onLoad={() => {
setIsFirstPageLoaded(true)
}} alt="Image" src="https://mindingdesign.oss-cn-beijing.aliyuncs.com/fixed/head_bg.png" />
<div className="rectangle-19" />
<div className="text-wrapper-24">
梦小迪
<br />
解放艺术，让设计进步
</div>
<p className="text-wrapper-25">liberate art and make design progress</p>
<div className="overlap-group-wrapper">
<div className="overlap-group-2">
<div className="text-wrapper-26" onClick={() => {
window.location.replace('https://kaozr59ke4i.feishu.cn/share/base/form/shrcn8lBYjw4RpFVTth7CTOacZd?ccm_open_type=form_v1_link_share')
}}>预约使用</div>
<img className="arrow-3" alt="Arrow" src="https://c.animaapp.com/H8eCsQjb/img/arrow-2-1.svg" />
</div>
</div>
<div className="text-wrapper-27">
梦小迪是一款以视觉智能、视觉模型架构和语言模型为核心的，助力服装行业从设计到宣发全链路智能软件。为企业降本增效，推进服装行业数字化转型，改变传统的服饰工作流。
</div>
<div className="rectangle-20" />
<div className="rectangle-21" />
<div className="rectangle-22" />
<div className="text-wrapper-32 words" data-text="MINDING DESIGN">MINDING DESIGN</div>
</div>
{isFirstPageLoaded && (<div className="overlap">
<div className="rectangle" />
<img className="img" alt="Rectangle" src="https://c.animaapp.com/H8eCsQjb/img/rectangle-163.png" />
<div className="rectangle-2" />
@ -176,41 +203,7 @@ export default function App() {
<span className="text-wrapper-14">To Making Progress Happen</span>
<span className="text-wrapper-23">.</span>
</p>
</div>
<div className="overlap-3">
<img className="image-19" alt="Image" src="https://c.animaapp.com/H8eCsQjb/img/image-66@2x.png" />
<img className="image-20" alt="Image" src="https://c.animaapp.com/H8eCsQjb/img/image-67@2x.png" />
<img className="image-21" alt="Image" src="https://c.animaapp.com/H8eCsQjb/img/image-70-1.png" />
<img className="image-22" alt="Image" src="https://c.animaapp.com/H8eCsQjb/img/image-68@2x.png" />
<img className="image-23" alt="Image" src="https://c.animaapp.com/H8eCsQjb/img/image-72-1.png" />
<img className="image-24" alt="Image" src="https://c.animaapp.com/H8eCsQjb/img/image-73@2x.png" />
<img className="image-25" alt="Image" src="https://c.animaapp.com/H8eCsQjb/img/image-74.png" />
<img className="image-26" alt="Image" src="https://c.animaapp.com/H8eCsQjb/img/image-76-1@2x.png" />
<img className="image-27" alt="Image" src="https://c.animaapp.com/H8eCsQjb/img/image-71-1@2x.png" />
<img className="image-28" alt="Image" src="https://c.animaapp.com/H8eCsQjb/img/image-75@2x.png" />
<div className="rectangle-19" />
<div className="text-wrapper-24">
梦小迪
<br />
解放艺术，让设计进步
</div>
<p className="text-wrapper-25">liberate art and make design progress</p>
<div className="overlap-group-wrapper">
<div className="overlap-group-2">
<div className="text-wrapper-26" onClick={() => {
window.location.replace('https://kaozr59ke4i.feishu.cn/share/base/form/shrcn8lBYjw4RpFVTth7CTOacZd?ccm_open_type=form_v1_link_share')
}}>预约使用</div>
<img className="arrow-3" alt="Arrow" src="https://c.animaapp.com/H8eCsQjb/img/arrow-2-1.svg" />
</div>
</div>
<div className="text-wrapper-27">
梦小迪是一款以视觉智能、视觉模型架构和语言模型为核心的，助力服装行业从设计到宣发全链路智能软件。为企业降本增效，推进服装行业数字化转型，改变传统的服饰工作流。
</div>
<div className="rectangle-20" />
<div className="rectangle-21" />
<div className="rectangle-22" />
<div className="text-wrapper-32">MINDING DESIGN</div>
</div>
</div>)}
</div>
</div>
);