|
@@ -3,10 +3,10 @@
|
|
|
<div class="headhunting">
|
|
|
<div class="headhunting-title">高端人才猎寻</div>
|
|
|
<div class="headhunting-guidance" @click="showDialog = true">免费咨询</div>
|
|
|
- <!-- <div class="headhunting-content pa-8 py-12">
|
|
|
- <formItem ref="formRef"></formItem>
|
|
|
+ <!-- <div class="headhunting-content pa-8 py-10">
|
|
|
+ <formItem ref="formRef" ></formItem>
|
|
|
<div class="text-center">
|
|
|
- <v-btn color="#474747" rounded class="buttons" @click="handleSubmit">提交</v-btn>
|
|
|
+ <v-btn color="#198dff" style="width: 350px;" @click="handleSubmit">提交</v-btn>
|
|
|
</div>
|
|
|
</div> -->
|
|
|
<CtDialog
|
|
@@ -58,14 +58,24 @@ const handleSubmit = async () => {
|
|
|
position: relative;
|
|
|
width: 100%;
|
|
|
height: 100%;
|
|
|
- background-image: url('https://minio.citupro.com/dev/menduner/%E9%97%A8%E5%A2%A9%E7%8C%8E%E5%AF%BB%E6%9C%8D%E5%8A%A1%E8%83%8C%E6%99%AF%E5%9B%BE%E7%89%87.png');
|
|
|
+ background-image: url('https://minio.citupro.com/dev/menduner/headhunting.png?Content-Disposition=attachment%3B%20filename%3D%22menduner%2Fheadhunting.png%22&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=root%2F20240813%2F%2Fs3%2Faws4_request&X-Amz-Date=20240813T063137Z&X-Amz-Expires=432000&X-Amz-SignedHeaders=host&X-Amz-Signature=dcb2f72829f8abd76afbd5f9d6fe0c36d93386d0b3dc4cc03e5de4230bc3d3bb');
|
|
|
background-size: cover; // center // cover
|
|
|
// background-position: center;
|
|
|
}
|
|
|
+// .headhunting::before {
|
|
|
+// content: ""; /* 必须添加,因为伪元素是空的 */
|
|
|
+// position: absolute; /* 绝对定位,相对于最近的已定位(即非static)祖先元素 */
|
|
|
+// top: 0; /* 遮罩层顶部与元素顶部对齐 */
|
|
|
+// left: 0; /* 遮罩层左侧与元素左侧对齐 */
|
|
|
+// right: 0; /* 遮罩层右侧与元素右侧对齐 */
|
|
|
+// bottom: 0; /* 遮罩层底部与元素底部对齐 */
|
|
|
+// background-color: rgba(0, 0, 0, 0.1); /* 遮罩层颜色,半透明黑色 */
|
|
|
+// // z-index: -1; /* 确保遮罩层在背景图片之下(通常不需要,因为伪元素默认就在内容之下) */
|
|
|
+// }
|
|
|
.headhunting-title {
|
|
|
position: absolute;
|
|
|
top: 45px;
|
|
|
- left: 100px;
|
|
|
+ left: 122px;
|
|
|
font-size: 24px;
|
|
|
font-weight: bold;
|
|
|
}
|
|
@@ -81,8 +91,10 @@ const handleSubmit = async () => {
|
|
|
}
|
|
|
.headhunting-content {
|
|
|
position: absolute;
|
|
|
- bottom: 30px;
|
|
|
- left: 250px;
|
|
|
+ top: 460px;
|
|
|
+ right: 450px;
|
|
|
width: 350px;
|
|
|
+ background-color: #fff;
|
|
|
+ border-radius: 5px;
|
|
|
}
|
|
|
</style>
|