Commit 5e4d29e9 authored by 周宏民's avatar 周宏民

style: 演示功能去掉跳转tip提示,项目案例添加悬浮动效

parent fb0a6cb7
Pipeline #85392 waiting for manual action with stages
...@@ -36,7 +36,6 @@ const BottomItem = props => { ...@@ -36,7 +36,6 @@ const BottomItem = props => {
return ( return (
<div className={styles.list_item_col}> <div className={styles.list_item_col}>
{row.map((col, cIndex) => ( {row.map((col, cIndex) => (
<Tooltip title={col['项目环境'] && isJump ? '点击体验' : ''} color="#1685FF">
<div <div
key={`${rindex}-${cIndex}`} key={`${rindex}-${cIndex}`}
type={col['项目环境'] && isJump ? 'jump' : 'none'} type={col['项目环境'] && isJump ? 'jump' : 'none'}
...@@ -67,7 +66,6 @@ const BottomItem = props => { ...@@ -67,7 +66,6 @@ const BottomItem = props => {
<div className={styles.list_item_info_address}>{col['城市']}</div> <div className={styles.list_item_info_address}>{col['城市']}</div>
</div> </div>
</div> </div>
</Tooltip>
))} ))}
</div> </div>
); );
......
...@@ -134,6 +134,11 @@ ...@@ -134,6 +134,11 @@
cursor: pointer; cursor: pointer;
} }
.list_item[type='jump']:hover {
border: 1px solid #1685FF;
transform: scale(1.05);
}
.list_item[type='jump']:active { .list_item[type='jump']:active {
opacity: 0.8; opacity: 0.8;
} }
...@@ -146,6 +151,8 @@ ...@@ -146,6 +151,8 @@
overflow: hidden; overflow: hidden;
margin-right: 8px; margin-right: 8px;
margin-bottom: 8px; margin-bottom: 8px;
transform-origin: center top;
transition: transform 0.3s;
.list_item_img_wrap { .list_item_img_wrap {
width: 100%; width: 100%;
......
...@@ -33,7 +33,6 @@ const LeftItem = props => { ...@@ -33,7 +33,6 @@ const LeftItem = props => {
</div> </div>
<div className={styles.l_list}> <div className={styles.l_list}>
{schemeData.map((item, index) => ( {schemeData.map((item, index) => (
<Tooltip title={industries.includes(item.type) ? '点击体验' : ''} color="#1685FF">
<div <div
className={styles.l_list_item} className={styles.l_list_item}
key={item.title} key={item.title}
...@@ -46,7 +45,6 @@ const LeftItem = props => { ...@@ -46,7 +45,6 @@ const LeftItem = props => {
<div className={styles.l_list_item_title}>- {item.title} -</div> <div className={styles.l_list_item_title}>- {item.title} -</div>
<div className={styles.l_list_item_tip} /> <div className={styles.l_list_item_tip} />
</div> </div>
</Tooltip>
))} ))}
</div> </div>
</div> </div>
......
...@@ -20,12 +20,6 @@ const RightItem = props => { ...@@ -20,12 +20,6 @@ const RightItem = props => {
const renderRow = (row, index) => { const renderRow = (row, index) => {
const rIndex = `r_${index % 7}`; const rIndex = `r_${index % 7}`;
return ( return (
<Tooltip
placement="left"
title={row['产品地址'] || row.site ? '点击体验' : ''}
mouseEnterDelay={0.5}
color="#1685FF"
>
<div <div
className={styles.r_list_item} className={styles.r_list_item}
key={row['产品名称']} key={row['产品名称']}
...@@ -36,7 +30,6 @@ const RightItem = props => { ...@@ -36,7 +30,6 @@ const RightItem = props => {
<div className={styles.r_list_item_title}>{row['产品名称']}</div> <div className={styles.r_list_item_title}>{row['产品名称']}</div>
<div className={styles.r_list_item_tip} /> <div className={styles.r_list_item_tip} />
</div> </div>
</Tooltip>
); );
}; };
......
...@@ -194,7 +194,6 @@ const Demonstration = props => { ...@@ -194,7 +194,6 @@ const Demonstration = props => {
} }
const isJump = col.site || (col['数值'] && col['数值'].includes('http')); const isJump = col.site || (col['数值'] && col['数值'].includes('http'));
return ( return (
<Tooltip title={isJump ? '点击体验' : ''} color="#1685FF">
<div <div
onClick={() => handToPlatform(col)} onClick={() => handToPlatform(col)}
className={styles.center_col} className={styles.center_col}
...@@ -206,7 +205,6 @@ const Demonstration = props => { ...@@ -206,7 +205,6 @@ const Demonstration = props => {
{col.title} {col.title}
<RightOutlined /> <RightOutlined />
</div> </div>
</Tooltip>
); );
}); });
}, [configData]); }, [configData]);
......
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