refactor: 页面优化
|
Before Width: | Height: | Size: 531 B After Width: | Height: | Size: 868 B |
|
Before Width: | Height: | Size: 2.8 KiB After Width: | Height: | Size: 5.3 KiB |
|
Before Width: | Height: | Size: 185 B After Width: | Height: | Size: 333 B |
|
Before Width: | Height: | Size: 206 B After Width: | Height: | Size: 352 B |
|
Before Width: | Height: | Size: 2.9 KiB After Width: | Height: | Size: 5.2 KiB |
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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 {
|
||||||
|
|
|
||||||
|
|
@ -26,3 +26,13 @@
|
||||||
.right{
|
.right{
|
||||||
color: #1580FF;
|
color: #1580FF;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.imgIcon{
|
||||||
|
width: 91px;
|
||||||
|
height: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rightBlue{
|
||||||
|
width: 10px;
|
||||||
|
height: 10px;
|
||||||
|
}
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||