|
|
@@ -1,11 +1,9 @@
|
|
|
<template>
|
|
|
<div class="search d-flex align-center">
|
|
|
- <!-- <v-btn append-icon="$vuetify" variant="text">职位类型</v-btn> -->
|
|
|
<div class="jobBox d-flex pl-5">
|
|
|
<div>职位类型</div>
|
|
|
<span class="mdi mdi-chevron-down px-2" style="font-size: 18px;"></span>
|
|
|
</div>
|
|
|
- <v-divider vertical color="var(--v-primary-base)" class="border-opacity-100"></v-divider>
|
|
|
<v-text-field
|
|
|
v-model="value"
|
|
|
placeholder="搜索职位/公司"
|
|
|
@@ -16,6 +14,7 @@
|
|
|
class="px-2"
|
|
|
style="height: 100%; line-height: 100%;"
|
|
|
></v-text-field>
|
|
|
+ <div class="searchBtn">搜索</div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -40,5 +39,13 @@ const value = ref('')
|
|
|
color: var(--v-primary-base);
|
|
|
}
|
|
|
}
|
|
|
+ .searchBtn {
|
|
|
+ width: 100px;
|
|
|
+ height: 60px; line-height: 60px;
|
|
|
+ font-size: 18px;
|
|
|
+ text-align: center;
|
|
|
+ color: #fff;
|
|
|
+ background-color: var(--v-primary-base);
|
|
|
+ }
|
|
|
}
|
|
|
</style>
|
