sdz/qingdao-employment-service
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style

Browse Source
This commit is contained in:
xiebing
2025-12-05 18:09:45 +08:00
parent 0d5e3024bc
commit 1ba45fdf93
48 changed files with 2702 additions and 1047 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
components/AppLayout/AppLayout.vue
View File

@@ -151,3 +151,31 @@ const handleScrollToLower = () => {
height: 100%;
}
</style>
<style lang="scss" scoped>
@media (min-width: 800px) {
.app-container {
.container-header{
height:120rpx;
line-height: 120rpx;
.header-btnLf{
::v-deep *{
width: 90rpx !important;
height: 90rpx !important;
font-size: 40rpx !important;
}
}
.header-btnRi{
::v-deep *{
width: 90rpx !important;
height: 90rpx !important;
font-size: 40rpx !important;
}
}
.header-title{
font-size: 40rpx;
}
}
}
}
</style>

19
components/DatePicker/DatePicker.vue
View File

@@ -324,4 +324,21 @@ export default {
color: #256bfa;
}
}
</style>
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.popup-header {
.title {
font-size: 40rpx;
}
.btn-cancel {
font-size: 36rpx;
}
.btn-confirm {
font-size: 36rpx;
}
}
}
</style>

29
components/expected-station/expected-station.vue
View File

@@ -252,3 +252,32 @@ export default {
border: 2rpx solid #256BFA;
color: #256BFA
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.sex-content{
.sex-content-left{
width: 350rpx;
.left-list-btn{
font-size: 36rpx;
}
}
.sex-content-right{
.grid-sex{
grid-template-columns:repeat(6,1fr);
.sex-right-btn{
font-size: 36rpx;
height: 100rpx;
line-height: 100rpx;
}
}
}
.secondary-title{
font-size: 38rpx;
}
}
}
</style>

31
components/md-render/md-render.vue
View File

@@ -355,3 +355,34 @@ ol {
padding: 4rpx 20rpx;
margin-right: 16rpx;
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.custom-card{
padding: 30rpx;
.card-title{
.title-text{
font-size: 36rpx;
}
.card-salary{
font-size: 34rpx;
}
}
.card-company{
font-size: 32rpx;
}
.card-info{
font-size: 32rpx;
.info-item{
font-size: 32rpx;
}
}
.card-tag{
font-size: 30rpx;
padding: 8rpx 20rpx;
}
}
}
</style>

30
components/renderCompanyCollectionRecord/renderCompanyCollectionRecord.vue
View File

@@ -10,12 +10,12 @@
<text class="company line_1">{{ company.name }}</text>
</view>
<view class="card-bottom">
<view class="fl_box fs_14">
<view class="fl_box">
<view class="mar_ri10">{{ company.industry }}</view>
<view>{{ company.scale }}</view>
</view>
<view class="ris">
<text class="fs_14">
<text>
在招职位·
<text class="color_256BFA">{{ company.totalRecruitment || '-' }}</text>
个
@@ -33,12 +33,12 @@
<text class="company line_1">{{ company.name }}</text>
</view>
<view class="card-bottom">
<view class="fl_box fs_14">
<view class="fl_box ">
<view class="mar_ri10">{{ company.industry }}</view>
<view>{{ company.scale }}</view>
</view>
<view class="ris">
<text class="fs_14">
<text>
在招职位·
<text class="color_256BFA">{{ company.totalRecruitment || '-' }}</text>
个
@@ -165,3 +165,25 @@ function nextDetail(company) {
font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.cards{
.card-company{
.company{
font-size: 38rpx;
}
}
.card-bottom{
font-size: 34rpx;
}
.card-tags{
.tag{
padding: 10rpx 30rpx;
font-size: 30rpx;
border-radius: 6rpx;
}
}
}
}
</style>

27
components/renderCompanys/renderCompanys.vue
View File

@@ -5,12 +5,12 @@
<text class="company line_1">{{ job.name }}</text>
</view>
<view class="card-bottom">
<view class="fl_box fs_14">
<view class="fl_box">
<dict-tree-Label class="mar_ri10" dictType="industry" :value="job.industry"></dict-tree-Label>
<dict-Label dictType="scale" :value="job.scale"></dict-Label>
</view>
<view class="ris">
<text class="fs_14">
<text>
在招职位·
<text class="color_256BFA">{{ job.totalRecruitment || '-' }}</text>
个
@@ -130,4 +130,27 @@ function nextDetail(company) {
.ris{
font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.cards{
.card-company{
.company{
font-size: 38rpx;
}
}
.card-bottom{
font-size: 34rpx;
}
.card-tags{
.tag{
padding: 10rpx 30rpx;
font-size: 30rpx;
border-radius: 6rpx;
}
}
}
}
</style>

27
components/renderCompanysOutData/renderCompanysOutData.vue
View File

@@ -5,13 +5,13 @@
<text class="company line_1">{{ job.gsmc }}</text>
</view>
<view class="card-bottom" >
<view class="fl_box fs_14" >
<view class="fl_box" >
<!-- <dict-tree-Label class="mar_ri10" dictType="industry" :value="job.industry"></dict-tree-Label>
<dict-Label dictType="scale" :value="job.scale"></dict-Label> -->
<view>{{job.gsxy}}</view>
</view>
<view class="ris" >
<text class="fs_14">
<text>
在招职位·
<text class="color_256BFA">{{ job.zzgwsl || '-' }}</text>
个
@@ -140,3 +140,26 @@ function nextDetail(company) {
font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.cards{
.card-company{
.company{
font-size: 38rpx;
}
}
.card-bottom{
font-size: 34rpx;
}
.card-tags{
.tag{
padding: 10rpx 30rpx;
font-size: 30rpx;
border-radius: 6rpx;
}
}
}
}
</style>

45
components/renderDeliveryRecord/renderDeliveryRecord.vue
View File

@@ -208,3 +208,48 @@ function nextDetail(job) {
}
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.date-jobTitle{
font-size: 38rpx;
}
.cards{
.card-company{
.company{
font-size: 38rpx;
}
.salary{
font-size: 34rpx;
::v-deep .texts {
.num {
font-size: 40rpx;
}
.unit {
font-size: 30rpx;
}
.gap {
font-size: 30rpx;
}
}
}
}
.card-companyName{
margin-top: 14rpx;
font-size: 32rpx;
}
.card-bottom{
font-size: 34rpx;
}
.card-tags{
margin-top: 14rpx;
.tag{
padding: 10rpx 30rpx;
font-size: 30rpx;
border-radius: 6rpx;
}
}
}
}
</style>

41
components/renderJobCollectionRecord/renderJobCollectionRecord.vue
View File

@@ -209,3 +209,44 @@ function nextDetail(job) {
}
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.cards{
.card-company{
.company{
font-size: 38rpx;
}
.salary{
font-size: 34rpx;
::v-deep .texts {
.num {
font-size: 40rpx;
}
.unit {
font-size: 30rpx;
}
.gap {
font-size: 30rpx;
}
}
}
}
.card-companyName{
margin-top: 14rpx;
font-size: 32rpx;
}
.card-bottom{
font-size: 34rpx;
}
.card-tags{
margin-top: 14rpx;
.tag{
padding: 10rpx 30rpx;
font-size: 30rpx;
border-radius: 6rpx;
}
}
}
}
</style>

44
components/renderJobViewRecord/renderJobViewRecord.vue
View File

@@ -208,3 +208,47 @@ function nextDetail(job) {
}
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.date-jobTitle{
font-size: 38rpx;
}
.cards{
.card-company{
.company{
font-size: 38rpx;
}
.salary{
font-size: 34rpx;
::v-deep .texts {
.num {
font-size: 40rpx;
}
.unit {
font-size: 30rpx;
}
.gap {
font-size: 30rpx;
}
}
}
}
.card-companyName{
margin-top: 14rpx;
font-size: 32rpx;
}
.card-bottom{
font-size: 34rpx;
}
.card-tags{
margin-top: 14rpx;
.tag{
padding: 10rpx 30rpx;
font-size: 30rpx;
border-radius: 6rpx;
}
}
}
}
</style>

42
components/renderJobs/renderJobs.vue
View File

@@ -147,3 +147,45 @@ function nextDetail(job) {
}
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.cards{
.card-company{
.company{
font-size: 38rpx;
}
.salary{
font-size: 34rpx;
::v-deep .texts {
.num {
font-size: 40rpx;
}
.unit {
font-size: 30rpx;
}
.gap {
font-size: 30rpx;
}
}
}
}
.card-companyName{
margin-top: 14rpx;
font-size: 32rpx;
}
.card-bottom{
font-size: 34rpx;
}
.card-tags{
margin-top: 14rpx;
.tag{
padding: 10rpx 30rpx;
font-size: 30rpx;
border-radius: 6rpx;
}
}
}
}
</style>

31
components/renderJobsOutData/renderJobsOutData.vue
View File

@@ -165,3 +165,34 @@ function parseDateTime(datetimeStr) {
}
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.cards{
.card-company{
.company{
font-size: 38rpx;
}
.salary{
font-size: 34rpx;
}
}
.card-companyName{
margin-top: 14rpx;
font-size: 32rpx;
}
.card-bottom{
font-size: 34rpx;
}
.card-tags{
margin-top: 14rpx;
.tag{
padding: 10rpx 30rpx;
font-size: 30rpx;
border-radius: 6rpx;
}
}
}
}
</style>

55
components/selectFilter/selectFilter.vue
View File

@@ -374,3 +374,58 @@ defineExpose({
}
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.filter-nav{
width: 350rpx;
.nav-item{
font-size: 38rpx;
}
.active{
font-size: 40rpx !important;
}
}
.filter-content {
.content-item {
.item-title{
font-size: 38rpx;
}
}
.check-content{
margin-top: 30rpx;
row-gap: 30rpx;
.checkbox-item{
.option-label {
font-size: 34rpx;
width: 100%;
white-space: nowrap;
overflow: hidden;
}
}
}
}
.popup-header {
padding-bottom: 25rpx;
.title {
font-size: 40rpx;
}
.btn-cancel {
font-size: 36rpx;
}
.btn-confirm {
font-size: 36rpx;
}
}
.popup-bottom {
.btn-cancel {
font-size: 36rpx;
}
.btn-confirm {
font-size: 36rpx;
}
}
}
</style>

27
components/selectJobs/selectJobs.vue
View File

@@ -299,3 +299,30 @@ defineExpose({
}
}
</style>
<style lang="scss" scoped>
@media(min-width: 800px){
.popup-header {
.title {
font-size: 40rpx;
}
.btn-cancel {
font-size: 36rpx;
}
.btn-confirm {
font-size: 36rpx;
}
}
.popup-bottom {
.btn-cancel {
font-size: 36rpx;
}
.btn-confirm {
font-size: 36rpx;
}
}
}
</style>

1
components/selectPopup/selectPopup.vue
View File

@@ -231,3 +231,4 @@ export default {
}
}
</style>