{item.summary}
- + ) diff --git a/src/factory/components/Feature/index.scss b/src/factory/components/Feature/index.scss index 8cdb14527..899a3d161 100644 --- a/src/factory/components/Feature/index.scss +++ b/src/factory/components/Feature/index.scss @@ -153,7 +153,7 @@ .content-bottom { width: 1600px; - height: 398px; + height: 260px; display: flex; align-items: center; position: relative; @@ -161,7 +161,7 @@ background-color: transparent; border: none; display: block; - padding: 40px 54px; + padding: 20px 54px; h3 { color: white; @@ -179,14 +179,14 @@ .df-item { width: 470px; - height: 244px; + height: 144px; background: #ffffff; border: 1px solid; border-color: rgba(22, 76, 228, 0.2); border-radius: 20px; box-shadow: 0px 0px 20px rgba(22, 76, 228, 0.44); display: flex; - padding: 32px; + padding: 16px; img { width: 44px; @@ -201,10 +201,10 @@ h4 { width: 236px; - line-height: 33px; + line-height: 20px; font-family: alibabaBold; color: #091221; - font-size: 24px; + font-size: 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; @@ -218,11 +218,11 @@ font-family: alibabareg; color: #091221; font-size: 15px; - display: -webkit-box; - -webkit-line-clamp: 3; - -webkit-box-orient: vertical; + text-overflow: ellipsis; + white-space: nowrap; overflow: hidden; - height: 82px; + word-break: break-all; + height: 32px; text-align: left; } diff --git a/src/factory/components/News/index.scss b/src/factory/components/News/index.scss index 07c70bf3a..b41b5f268 100644 --- a/src/factory/components/News/index.scss +++ b/src/factory/components/News/index.scss @@ -164,7 +164,7 @@ color: #091221; font-size: 16px; display: -webkit-box; - -webkit-line-clamp: 5; + -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; } diff --git a/src/factory/components/Resource/index.jsx b/src/factory/components/Resource/index.jsx index 1fdf3dcf8..cdc313c04 100644 --- a/src/factory/components/Resource/index.jsx +++ b/src/factory/components/Resource/index.jsx @@ -80,33 +80,25 @@ const Resource = forwardRef(({ zoneId }, ref) => { } }); - // 第一个面板:逐渐缩小 - timelineRef.current.to(panels[0], { - y: "-5%", - scale: 0.85, - duration: 1 - }, 0); + // 为每个面板创建动画并添加回调 + panels.forEach((panel, index) => { + const animations = [ + { y: "-5%", scale: 0.85, duration: 1 }, + { y: "-50%", scale: 0.9, duration: 1 }, + { y: "-150%", scale: 0.95, duration: 1 }, + { y: "-230%", scale: 0.98, duration: 1.5 } + ]; - // 第二个面板:向上移动并缩小 - timelineRef.current.to(panels[1], { - y: "-50%", - scale: 0.9, - duration: 1 - }, 0); - - // 第三个面板:向上移动最多v - timelineRef.current.to(panels[2], { - y: "-150%", - scale: 0.95, - duration: 1 - }, 0); - - // 第三个面板:向上移动最多v - timelineRef.current.to(panels[3], { - y: "-230%", - scale: 0.98, - duration: 1.5 - }, 0); + timelineRef.current.to(panel, { + ...animations[index], + onComplete: () => { + panel.classList.add('animated-panel'); + }, + onReverseComplete: () => { + panel.classList.remove('animated-panel'); + } + }, 0); + }); // 清理函数 return () => { @@ -152,7 +144,7 @@ const Resource = forwardRef(({ zoneId }, ref) => { }); } - const getCommonToolsList = () => { + const getCommonToolsList = () => { getSourceList({ id: factoryZoneId, keywords: commontoolId }).then(res => { const rows = [] res.data.rows.forEach(e => { @@ -192,7 +184,7 @@ const Resource = forwardRef(({ zoneId }, ref) => {全景智治贯通需求到交付,敏捷可视管控风险,打造高效可信软件生产新范式,赋能研发跃迁
{item.summary}
- +{detail.summary}
- +{detail.summary}
+ { + detail.fileIds && + } + { + detail.url && + + }{lesson.summary}
{item.summary}
+{item.summary}
{moment(item.createTime).format('YYYY/MM/DD')}{item.summary}
{item.summary}
- +{detail.summary}
+{detail.summary}
抱歉,暂无与“{ searchValue }”相关的数据
+抱歉,暂无与“{searchValue}”相关的数据
{item.summary}
@@ -205,7 +209,11 @@ function Index(props) {
{item.summary}
- +{item.summary}
- +确权