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 {
object-fit: contain;
position: relative;
height: 15px;
width: 91px;
}
@ -80,6 +82,16 @@
color:#2380e2;
}
.circle img{
width:16px;
height: 16px;
}
.rightIcon{
width: 10px;
height: 10px;
}
.change{
color:#2380e2;
}

View File

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

View File

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

View File

@ -26,3 +26,13 @@
.right{
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.innerWrapper}>
<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.city}>{provinceName}</div>
<div className={style.subject}>{(subjectGroup as string).split(',').join('/') }</div>
@ -35,7 +35,7 @@ export default function MyInput({ toRoom }: Props) {
</div>
<div className={style.right} onClick={handleQuestion}>
<span></span>
<img src={RightBlueIcon} alt="right" />
<img src={RightBlueIcon} alt="right" className={style.rightBlue} />
</div>
</div>
</div>