init
This commit is contained in:
@@ -0,0 +1,96 @@
|
||||
.interview-questions-modal {
|
||||
width: 758px;
|
||||
height: 700px;
|
||||
border-radius: 8px;
|
||||
position: relative;
|
||||
background-color: #f2f3f5;
|
||||
overflow: hidden;
|
||||
box-sizing: border-box;
|
||||
padding: 20px;
|
||||
background-image: url("@/assets/images/Common/modal_bg.png");
|
||||
background-size: 100% 100%;
|
||||
|
||||
.close-icon {
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
top: 20px;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
background-image: url("@/assets/images/Common/close.png");
|
||||
background-size: 100% 100%;
|
||||
z-index: 10;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.interview-questions-modal-title {
|
||||
width: 100%;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
text-align: left;
|
||||
color: #1d2129;
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.interview-questions-modal-subtitle {
|
||||
width: 100%;
|
||||
height: 22px;
|
||||
line-height: 22px;
|
||||
text-align: left;
|
||||
color: #4e5969;
|
||||
font-size: 14px;
|
||||
font-weight: 400;
|
||||
}
|
||||
.interview-questions-modal-list {
|
||||
width: 100%;
|
||||
max-height: 600px;
|
||||
overflow-y: auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
margin-top: 20px;
|
||||
|
||||
.interview-questions-modal-item {
|
||||
width: 100%;
|
||||
margin-bottom: 20px;
|
||||
border-radius: 8px;
|
||||
box-sizing: border-box;
|
||||
padding: 16px;
|
||||
background-color: #fff;
|
||||
|
||||
.interview-questions-modal-question {
|
||||
text-align: left;
|
||||
position: relative;
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
color: #1d2129;
|
||||
box-sizing: border-box;
|
||||
padding-left: 25px;
|
||||
|
||||
::before {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
background-image: url("@/assets/images/ResumeInterviewPage/question_icon.png");
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
.interview-questions-modal-answer {
|
||||
font-size: 16px;
|
||||
color: #1d2129;
|
||||
font-weight: 400;
|
||||
text-align: left;
|
||||
margin-top: 10px;
|
||||
> span {
|
||||
font-weight: 600;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,108 @@
|
||||
import { useState } from "react";
|
||||
import Modal from "@/components/Modal";
|
||||
import "./index.css";
|
||||
|
||||
export default ({ visible, onClose, data }) => {
|
||||
const handleCloseModal = () => {
|
||||
onClose();
|
||||
};
|
||||
|
||||
return (
|
||||
<Modal visible={visible} onClose={handleCloseModal}>
|
||||
<div className="interview-questions-modal">
|
||||
<i className="close-icon" onClick={handleCloseModal} />
|
||||
<p className="interview-questions-modal-title">PLC岗位群面试题</p>
|
||||
<p className="interview-questions-modal-subtitle">
|
||||
在1V1定制求职策略阶段,企业HR会为您讲解面试题
|
||||
</p>
|
||||
<ul className="interview-questions-modal-list">
|
||||
<li className="interview-questions-modal-item">
|
||||
<p className="interview-questions-modal-question">
|
||||
<span>问题1:</span>xxxxxxxxxxxxxxxxxx?
|
||||
</p>
|
||||
<p className="interview-questions-modal-answer">
|
||||
<span>解答:</span>
|
||||
负责室内平面设计项目的创意和实施2.
|
||||
与团队合作,确保设计质量和项目进度 3.
|
||||
持续关注设计趋势,提升设计技能 1. 具备出色的沟通能力和团队协作精神
|
||||
2. 能够高效完成任务,对工作细节有高度关注 3.
|
||||
具有不断学习和适应新挑战的能力 加分项:有以下行业经验:建筑设计
|
||||
</p>
|
||||
</li>
|
||||
<li className="interview-questions-modal-item">
|
||||
<p className="interview-questions-modal-question">
|
||||
<span>问题1:</span>xxxxxxxxxxxxxxxxxx?
|
||||
</p>
|
||||
<p className="interview-questions-modal-answer">
|
||||
<span>解答:</span>
|
||||
负责室内平面设计项目的创意和实施2.
|
||||
与团队合作,确保设计质量和项目进度 3.
|
||||
持续关注设计趋势,提升设计技能 1. 具备出色的沟通能力和团队协作精神
|
||||
2. 能够高效完成任务,对工作细节有高度关注 3.
|
||||
具有不断学习和适应新挑战的能力 加分项:有以下行业经验:建筑设计
|
||||
负责室内平面设计项目的创意和实施2.
|
||||
与团队合作,确保设计质量和项目进度 3.
|
||||
持续关注设计趋势,提升设计技能 1. 具备出色的沟通能力和团队协作精神
|
||||
2. 能够高效完成任务,对工作细节有高度关注 3.
|
||||
具有不断学习和适应新挑战的能力 加分项:有以下行业经验:建筑设计
|
||||
</p>
|
||||
</li>
|
||||
<li className="interview-questions-modal-item">
|
||||
<p className="interview-questions-modal-question">
|
||||
<span>问题1:</span>xxxxxxxxxxxxxxxxxx?
|
||||
</p>
|
||||
<p className="interview-questions-modal-answer">
|
||||
<span>解答:</span>
|
||||
负责室内平面设计项目的创意和实施2.
|
||||
与团队合作,确保设计质量和项目进度 3.
|
||||
持续关注设计趋势,提升设计技能 1. 具备出色的沟通能力和团队协作精神
|
||||
2. 能够高效完成任务,对工作细节有高度关注 3.
|
||||
具有不断学习和适应新挑战的能力 加分项:有以下行业经验:建筑设计
|
||||
负责室内平面设计项目的创意和实施2.
|
||||
与团队合作,确保设计质量和项目进度 3.
|
||||
持续关注设计趋势,提升设计技能 1. 具备出色的沟通能力和团队协作精神
|
||||
2. 能够高效完成任务,对工作细节有高度关注 3.
|
||||
具有不断学习和适应新挑战的能力 加分项:有以下行业经验:建筑设计
|
||||
</p>
|
||||
</li>
|
||||
<li className="interview-questions-modal-item">
|
||||
<p className="interview-questions-modal-question">
|
||||
<span>问题1:</span>xxxxxxxxxxxxxxxxxx?
|
||||
</p>
|
||||
<p className="interview-questions-modal-answer">
|
||||
<span>解答:</span>
|
||||
负责室内平面设计项目的创意和实施2.
|
||||
与团队合作,确保设计质量和项目进度 3.
|
||||
持续关注设计趋势,提升设计技能 1. 具备出色的沟通能力和团队协作精神
|
||||
2. 能够高效完成任务,对工作细节有高度关注 3.
|
||||
具有不断学习和适应新挑战的能力 加分项:有以下行业经验:建筑设计
|
||||
负责室内平面设计项目的创意和实施2.
|
||||
与团队合作,确保设计质量和项目进度 3.
|
||||
持续关注设计趋势,提升设计技能 1. 具备出色的沟通能力和团队协作精神
|
||||
2. 能够高效完成任务,对工作细节有高度关注 3.
|
||||
具有不断学习和适应新挑战的能力 加分项:有以下行业经验:建筑设计
|
||||
</p>
|
||||
</li>
|
||||
<li className="interview-questions-modal-item">
|
||||
<p className="interview-questions-modal-question">
|
||||
<span>问题1:</span>xxxxxxxxxxxxxxxxxx?
|
||||
</p>
|
||||
<p className="interview-questions-modal-answer">
|
||||
<span>解答:</span>
|
||||
负责室内平面设计项目的创意和实施2.
|
||||
与团队合作,确保设计质量和项目进度 3.
|
||||
持续关注设计趋势,提升设计技能 1. 具备出色的沟通能力和团队协作精神
|
||||
2. 能够高效完成任务,对工作细节有高度关注 3.
|
||||
具有不断学习和适应新挑战的能力 加分项:有以下行业经验:建筑设计
|
||||
负责室内平面设计项目的创意和实施2.
|
||||
与团队合作,确保设计质量和项目进度 3.
|
||||
持续关注设计趋势,提升设计技能 1. 具备出色的沟通能力和团队协作精神
|
||||
2. 能够高效完成任务,对工作细节有高度关注 3.
|
||||
具有不断学习和适应新挑战的能力 加分项:有以下行业经验:建筑设计
|
||||
</p>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</Modal>
|
||||
);
|
||||
};
|
||||
Reference in New Issue
Block a user