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

98
packageA/pages/job/companySearch.vue
View File

@@ -96,7 +96,7 @@ const loading = ref(false);
let debounceTimer = null;
// 滚动视图高度
const scrollViewHeight = ref('calc(100vh - 200rpx)');
const scrollViewHeight = ref('calc(100vh - 300rpx)');
// 计算滚动视图高度
const calculateScrollViewHeight = () => {
@@ -236,51 +236,51 @@ const goBack = () => {
display: flex;
align-items: center;
justify-content: space-between;
padding: 20rpx 30rpx;
padding: 30rpx 45rpx;
background: #fff;
border-bottom: 1rpx solid #eee;
border-bottom: 2rpx solid #eee;
.header-left {
width: 60rpx;
height: 60rpx;
width: 90rpx;
height: 90rpx;
display: flex;
align-items: center;
justify-content: center;
.back-arrow {
font-size: 40rpx;
font-size: 60rpx;
color: #333;
font-weight: bold;
}
}
.header-title {
font-size: 36rpx;
font-size: 54rpx;
font-weight: 600;
color: #333;
}
.header-right {
width: 60rpx;
width: 90rpx;
}
}
.search-container {
padding: 20rpx 30rpx;
padding: 30rpx 45rpx;
background: #fff;
border-bottom: 1rpx solid #eee;
border-bottom: 2rpx solid #eee;
.search-box {
display: flex;
align-items: center;
background: #f5f5f5;
border-radius: 12rpx;
padding: 0 20rpx;
height: 80rpx;
border-radius: 18rpx;
padding: 0 30rpx;
height: 120rpx;
.search-icon {
font-size: 32rpx;
margin-right: 20rpx;
font-size: 48rpx;
margin-right: 30rpx;
color: #999;
}
@@ -289,7 +289,7 @@ const goBack = () => {
height: 100%;
background: transparent;
border: none;
font-size: 28rpx;
font-size: 42rpx;
color: #333;
line-height: 1.4;
display: flex;
@@ -297,21 +297,21 @@ const goBack = () => {
&::placeholder {
color: #999;
font-size: 28rpx;
font-size: 42rpx;
line-height: 1.4;
}
}
.clear-btn {
width: 32rpx;
height: 32rpx;
width: 48rpx;
height: 48rpx;
display: flex;
align-items: center;
justify-content: center;
margin-left: 20rpx;
margin-left: 30rpx;
.clear-icon {
font-size: 24rpx;
font-size: 36rpx;
color: #999;
}
}
@@ -328,10 +328,10 @@ const goBack = () => {
display: flex;
justify-content: center;
align-items: center;
height: 400rpx;
height: 600rpx;
.tip-text {
font-size: 28rpx;
font-size: 42rpx;
color: #999;
}
}
@@ -340,10 +340,10 @@ const goBack = () => {
display: flex;
justify-content: center;
align-items: center;
height: 200rpx;
height: 300rpx;
.loading-text {
font-size: 28rpx;
font-size: 42rpx;
color: #666;
}
}
@@ -355,8 +355,8 @@ const goBack = () => {
display: flex;
align-items: center;
justify-content: space-between;
padding: 30rpx;
border-bottom: 1rpx solid #f0f0f0;
padding: 45rpx;
border-bottom: 2rpx solid #f0f0f0;
&:last-child {
border-bottom: none;
@@ -370,25 +370,25 @@ const goBack = () => {
flex: 1;
.company-name {
font-size: 30rpx;
font-size: 45rpx;
color: #333;
font-weight: 500;
margin-bottom: 15rpx;
margin-bottom: 23rpx;
line-height: 1.4;
}
.company-location {
display: flex;
align-items: center;
margin-bottom: 10rpx;
margin-bottom: 15rpx;
.location-icon {
font-size: 20rpx;
margin-right: 8rpx;
font-size: 30rpx;
margin-right: 12rpx;
}
.location-text {
font-size: 24rpx;
font-size: 36rpx;
color: #666;
flex: 1;
}
@@ -397,25 +397,25 @@ const goBack = () => {
.company-scale, .company-nature {
display: flex;
align-items: center;
margin-bottom: 8rpx;
margin-bottom: 12rpx;
.scale-label, .nature-label {
font-size: 22rpx;
font-size: 33rpx;
color: #999;
margin-right: 8rpx;
margin-right: 12rpx;
}
.scale-text, .nature-text {
font-size: 22rpx;
font-size: 33rpx;
color: #666;
}
}
.company-description {
margin-top: 10rpx;
margin-top: 15rpx;
.desc-text {
font-size: 22rpx;
font-size: 33rpx;
color: #888;
line-height: 1.4;
display: -webkit-box;
@@ -429,14 +429,14 @@ const goBack = () => {
}
.select-icon {
width: 40rpx;
height: 40rpx;
width: 60rpx;
height: 60rpx;
display: flex;
align-items: center;
justify-content: center;
.arrow-icon {
font-size: 24rpx;
font-size: 36rpx;
color: #999;
}
}
@@ -448,27 +448,27 @@ const goBack = () => {
flex-direction: column;
align-items: center;
justify-content: center;
height: 400rpx;
height: 600rpx;
.empty-icon {
font-size: 120rpx;
margin-bottom: 30rpx;
font-size: 180rpx;
margin-bottom: 45rpx;
}
.no-result-text {
font-size: 28rpx;
font-size: 42rpx;
color: #666;
margin-bottom: 10rpx;
margin-bottom: 15rpx;
}
.no-result-tip {
font-size: 24rpx;
font-size: 36rpx;
color: #999;
}
}
.bottom-safe-area {
height: 120rpx;
height: 180rpx;
background: transparent;
}
</style>