refactor: 页面优化

master
xjs 2025-04-07 14:31:30 +08:00
parent a3480ac08d
commit e8fb5a28cd
10 changed files with 26 additions and 3 deletions

Binary file not shown.

Before

Width:  |  Height:  |  Size: 531 B

After

Width:  |  Height:  |  Size: 868 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.8 KiB

After

Width:  |  Height:  |  Size: 5.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 185 B

After

Width:  |  Height:  |  Size: 333 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 206 B

After

Width:  |  Height:  |  Size: 352 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.9 KiB

After

Width:  |  Height:  |  Size: 5.2 KiB

View File

@ -68,6 +68,8 @@
.thing { .thing {
object-fit: contain; object-fit: contain;
position: relative; position: relative;
height: 15px;
width: 91px;
} }
@ -80,6 +82,16 @@
color:#2380e2; color:#2380e2;
} }
.circle img{
width:16px;
height: 16px;
}
.rightIcon{
width: 10px;
height: 10px;
}
.change{ .change{
color:#2380e2; color:#2380e2;
} }

View File

@ -92,7 +92,7 @@ export default function HeaderGroup({toRoom}:Props) {
{displayQuestions.map((item, index) => ( {displayQuestions.map((item, index) => (
<div className={style.tip} key={index} onClick={() =>handleQuestion(item)}> <div className={style.tip} key={index} onClick={() =>handleQuestion(item)}>
<div>{item}</div> <div>{item}</div>
<img src={RightIcon} alt="" /> <img src={RightIcon} alt="right-icon" className={style.rightIcon} />
</div> </div>
))} ))}
</div> </div>

View File

@ -10,6 +10,7 @@
position: relative; position: relative;
margin-top: auto; margin-top: auto;
margin-bottom: 80px; margin-bottom: 80px;
overflow: hidden;
} }
.wrapper::before { .wrapper::before {

View File

@ -26,3 +26,13 @@
.right{ .right{
color: #1580FF; color: #1580FF;
} }
.imgIcon{
width: 91px;
height: 15px;
}
.rightBlue{
width: 10px;
height: 10px;
}

View File

@ -26,7 +26,7 @@ export default function MyInput({ toRoom }: Props) {
<div className={style.scoreWrapper}> <div className={style.scoreWrapper}>
<div className={style.innerWrapper}> <div className={style.innerWrapper}>
<div className={style.left}> <div className={style.left}>
<img src={MyInputIcon} alt="input-ico" /> <img src={MyInputIcon} className={style.imgIcon} alt="input-ico" />
<div className={style.detail}> <div className={style.detail}>
<div className={style.city}>{provinceName}</div> <div className={style.city}>{provinceName}</div>
<div className={style.subject}>{(subjectGroup as string).split(',').join('/') }</div> <div className={style.subject}>{(subjectGroup as string).split(',').join('/') }</div>
@ -35,7 +35,7 @@ export default function MyInput({ toRoom }: Props) {
</div> </div>
<div className={style.right} onClick={handleQuestion}> <div className={style.right} onClick={handleQuestion}>
<span></span> <span></span>
<img src={RightBlueIcon} alt="right" /> <img src={RightBlueIcon} alt="right" className={style.rightBlue} />
</div> </div>
</div> </div>
</div> </div>