sdz/ks-app-employment-service
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

一体机放大效果开发

Browse Source
This commit is contained in:
冯辉
2026-03-12 17:10:34 +08:00
parent 0c63175816
commit e7ef23ad5d
83 changed files with 3034 additions and 2899 deletions
Download Patch File Download Diff File Expand all files Collapse all files

146
packageA/pages/UnitDetails/UnitDetails.vue
View File

@@ -1,5 +1,5 @@
<template>
<AppLayout title="单位详情" :use-scroll-view="false">
<AppLayout :use-scroll-view="false">
<template #headerleft>
<view class="btnback">
<image src="@/static/icon/back.png" @click="navBack"></image>
@@ -406,16 +406,16 @@
<style lang="stylus" scoped>
.btnback {
width: 64rpx;
height: 64rpx;
width: 96rpx;
height: 96rpx;
}
.btn {
display: flex;
justify-content: space-between;
align-items: center;
width: 52rpx;
height: 52rpx;
width: 78rpx;
height: 78rpx;
}
image {
@@ -429,17 +429,17 @@
flex-direction: column;
.content-top {
padding: 28rpx;
padding-top: 50rpx;
padding: 42rpx;
padding-top: 75rpx;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
.companyinfo-left {
width: 96rpx;
height: 96rpx;
margin-right: 24rpx;
width: 144rpx;
height: 144rpx;
margin-right: 36rpx;
}
.companyinfo-right {
@@ -447,22 +447,22 @@
.row1 {
font-weight: 500;
font-size: 32rpx;
font-size: 48rpx;
color: #333333;
}
.row2 {
font-weight: 400;
font-size: 28rpx;
font-size: 42rpx;
color: #6C7282;
line-height: 45rpx;
line-height: 68rpx;
}
}
.companyinfo-collect {
width: 52rpx;
height: 52rpx;
margin-left: 20rpx;
width: 78rpx;
height: 78rpx;
margin-left: 30rpx;
image {
width: 100%;
@@ -472,21 +472,21 @@
}
.conetent-info {
padding: 0 28rpx;
padding: 0 42rpx;
overflow: hidden;
max-height: 0rpx;
transition: max-height 0.3s ease;
.info-title {
font-weight: 600;
font-size: 28rpx;
font-size: 42rpx;
color: #000000;
}
.info-desirption {
margin-top: 12rpx;
margin-top: 18rpx;
font-weight: 400;
font-size: 28rpx;
font-size: 42rpx;
color: #495265;
text-align: justified;
:deep(span) {
@@ -497,12 +497,12 @@
}
}
.title2 {
margin-top: 48rpx;
margin-top: 72rpx;
}
}
.expanded {
max-height: 1000rpx; // 足够显示完整内容
max-height: 1500rpx; // 足够显示完整内容
}
.expand {
@@ -510,15 +510,15 @@
flex-wrap: nowrap;
white-space: nowrap;
justify-content: center;
margin-top: 20rpx;
margin-bottom: 28rpx;
margin-top: 30rpx;
margin-bottom: 42rpx;
font-weight: 400;
font-size: 28rpx;
font-size: 42rpx;
color: #256BFA;
.expand-img {
width: 40rpx;
height: 40rpx;
width: 60rpx;
height: 60rpx;
}
.expand-img-active {
@@ -533,11 +533,11 @@
background: #F4F4F4;
.views {
padding: 28rpx;
padding: 42rpx;
.Detail-title {
font-weight: 600;
font-size: 32rpx;
font-size: 48rpx;
color: #000000;
position: relative;
display: flex;
@@ -554,20 +554,20 @@
content: '';
left: -14rpx;
bottom: 0;
height: 16rpx;
width: 108rpx;
height: 24rpx;
width: 162rpx;
background: linear-gradient(to right, #CBDEFF, #FFFFFF);
border-radius: 8rpx;
border-radius: 12rpx;
z-index: 1;
}
.cards {
padding: 32rpx;
padding: 48rpx;
background: #FFFFFF;
box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(0, 0, 0, 0.04);
border-radius: 20rpx 20rpx 20rpx 20rpx;
margin-top: 22rpx;
padding-bottom: 18rpx;
box-shadow: 0rpx 0rpx 12rpx 0rpx rgba(0, 0, 0, 0.04);
border-radius: 30rpx 30rpx 30rpx 30rpx;
margin-top: 33rpx;
padding-bottom: 27rpx;
background: #FFFFFF;
.card-company {
@@ -577,16 +577,16 @@
.company {
font-weight: 400;
font-size: 32rpx;
font-size: 48rpx;
color: #333333;
}
.salary {
// font-weight: 600;
font-size: 28rpx;
font-size: 42rpx;
color: #1677FF;
white-space: nowrap;
line-height: 48rpx;
line-height: 72rpx;
}
}
@@ -595,10 +595,10 @@
display: flex;
align-items: center;
justify-content: flex-end;
margin-top: 5rpx;
margin-top: 8rpx;
.deliver-btn {
padding: 10rpx 25rpx;
padding: 15rpx 38rpx;
background: #53ACFF;
width: max-content;
color: #fff;
@@ -607,27 +607,27 @@
.card-companyName {
font-weight: 400;
font-size: 28rpx;
margin-top: 23rpx;
font-size: 42rpx;
margin-top: 35rpx;
display: flex;
align-items: center;
image {
width: 24rpx;
height: 24rpx;
margin-right: 8rpx;
width: 36rpx;
height: 36rpx;
margin-right: 12rpx;
}
}
.card-tags {
display: flex;
flex-wrap: wrap;
margin: 25rpx 0 20rpx;
margin: 38rpx 0 30rpx;
image {
width: 24rpx;
height: 24rpx;
margin-right: 8rpx;
width: 36rpx;
height: 36rpx;
margin-right: 12rpx;
}
.jy {
@@ -647,15 +647,15 @@
.tag {
width: fit-content;
height: 30rpx;
border-radius: 4rpx;
padding: 6rpx 20rpx;
line-height: 30rpx;
height: 45rpx;
border-radius: 6rpx;
padding: 9rpx 30rpx;
line-height: 45rpx;
font-weight: 400;
font-size: 24rpx;
font-size: 36rpx;
text-align: center;
white-space: nowrap;
margin-right: 20rpx;
margin-right: 30rpx;
display: flex;
align-items: center;
}
@@ -665,29 +665,29 @@
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20rpx;
margin-bottom: 30rpx;
flex-wrap: wrap;
.point3 {
width: 12rpx;
height: 12rpx;
width: 18rpx;
height: 18rpx;
}
.company-address {
display: flex;
align-items: center;
font-weight: 400;
font-size: 24rpx;
font-size: 36rpx;
color: #6C7282;
line-height: 34rpx;
line-height: 51rpx;
flex: 1;
min-width: 0;
margin-right: 20rpx;
margin-right: 30rpx;
image {
width: 24rpx;
height: 24rpx;
margin-right: 8rpx;
width: 36rpx;
height: 36rpx;
margin-right: 12rpx;
flex-shrink: 0;
}
@@ -702,26 +702,26 @@
display: flex;
align-items: center;
font-weight: 400;
font-size: 24rpx;
font-size: 36rpx;
color: #6C7282;
line-height: 34rpx;
line-height: 51rpx;
flex-shrink: 0;
white-space: nowrap;
image {
width: 24rpx;
height: 24rpx;
margin-right: 8rpx;
width: 36rpx;
height: 36rpx;
margin-right: 12rpx;
flex-shrink: 0;
}
}
}
.card-bottom {
margin-top: 32rpx;
margin-top: 48rpx;
display: flex;
justify-content: space-between;
font-size: 28rpx;
font-size: 42rpx;
color: #6C7282;
}
}