Commit 15bf6989 authored by yzl's avatar yzl

- 优化新产品导航图界面

parent 89bfdb79
Pipeline #59696 passed with stages
...@@ -55,8 +55,8 @@ const Card = ({onCardClick, ...props}) => { ...@@ -55,8 +55,8 @@ const Card = ({onCardClick, ...props}) => {
config && config['系统特点'] && config['系统特点'].split(',').map((item, index) => { config && config['系统特点'] && config['系统特点'].split(',').map((item, index) => {
return <div className={classnames(styles['card-tag'])} return <div className={classnames(styles['card-tag'])}
style={{ style={{
height: config['系统特点'].split(',').length <= 6 ? 44 : 36, height: config['系统特点'].split(',').length <= 6 ? 44 : 40,
lineHeight: config['系统特点'].split(',').length <= 6 ? '44px' : '36px', lineHeight: config['系统特点'].split(',').length <= 6 ? '44px' : '40px',
marginTop: config['系统特点'].split(',').length <= 8 ? 10 : 0 marginTop: config['系统特点'].split(',').length <= 8 ? 10 : 0
}} key={index}> }} key={index}>
<i className={classnames(styles['card-tag-icon'])} /> <i className={classnames(styles['card-tag-icon'])} />
......
...@@ -169,13 +169,12 @@ ...@@ -169,13 +169,12 @@
width: 49%; width: 49%;
height: 24rem; height: 24rem;
background-image: url('./images/框.png'); background-image: url('./images/框.png');
background-size: cover;
background-position: center; background-position: center;
.card-title { .card-title {
position: relative; position: relative;
margin-top: 0.5rem; margin-top: 0.5rem;
left: 3%; left: 4%;
font-size: 1.5rem; font-size: 1.5rem;
font-weight: 400; font-weight: 400;
color: #000000; color: #000000;
...@@ -186,7 +185,7 @@ ...@@ -186,7 +185,7 @@
position: absolute; position: absolute;
left: 0; left: 0;
bottom: 0; bottom: 0;
padding: 0.5rem; padding: 1rem;
background: linear-gradient(#fff, rgb(147,219,246)); background: linear-gradient(#fff, rgb(147,219,246));
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
...@@ -233,7 +232,7 @@ ...@@ -233,7 +232,7 @@
} }
.card-content{ .card-content{
padding: 1rem 1rem 1rem 1.8rem; padding: 1rem 1rem 1rem 2.2rem;
&::after{ &::after{
...@@ -247,13 +246,13 @@ ...@@ -247,13 +246,13 @@
float: left; float: left;
img{ img{
height: 17.5rem; height: 17.9rem;
} }
} }
.card-info { .card-info {
float: left; float: left;
width: 36%; width: 33%;
} }
.card-tags { .card-tags {
......
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