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

92
pages/search/search.vue
View File

@@ -189,7 +189,7 @@ function dataToImg(data) {
<style lang="stylus" scoped>
.cards-box{
padding: 0 28rpx 28rpx 28rpx
padding: 0 42rpx 42rpx 42rpx
}
.Detailscroll-view{
flex: 1
@@ -204,7 +204,7 @@ function dataToImg(data) {
.custom-header {
background-color: #fff;
padding:0;
box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
box-shadow: 0 3rpx 15rpx rgba(0, 0, 0, 0.05);
position: fixed;
top: 0;
left: 0;
@@ -216,43 +216,43 @@ function dataToImg(data) {
align-items: center;
justify-content: space-between
background-color: #fff;
padding: 20rpx 20rpx;
padding: 30rpx 30rpx;
.btnback{
width: 60rpx;
height: 60rpx;
width: 90rpx;
height: 90rpx;
}
.search-box{
flex: 1;
padding: 0 24rpx 0 6rpx;
padding: 0 36rpx 0 9rpx;
position: relative
.inputed {
padding-left: 30rpx
padding-left: 45rpx
width: 100%;
background: #F8F8F8;
font-size: 28rpx;
font-size: 42rpx;
font-family: PingFang SC;
font-weight: 400;
line-height: 36rpx;
line-height: 54rpx;
color: #666666;
padding: 0 30rpx 0 80rpx;
padding: 0 45rpx 0 120rpx;
box-sizing: border-box;
height: 80rpx;
height: 120rpx;
background: #F5F5F5;
border-radius: 75rpx 75rpx 75rpx 75rpx;
border-radius: 113rpx 113rpx 113rpx 113rpx;
}
.iconsearch{
position: absolute
top: 50%
left: 36rpx
left: 54rpx
transform: translate(0, -50%)
}
}
.search-btn {
padding-right: 18rpx;
padding-right: 27rpx;
text-align: center;
height: 64rpx;
line-height: 64rpx;
font-size: 32rpx;
height: 96rpx;
line-height: 96rpx;
font-size: 48rpx;
font-weight: 500;
color: #256BFA;
}
@@ -260,41 +260,41 @@ function dataToImg(data) {
.main-content{
background: #FFFFFF
height: 100%
margin-top: 140rpx;
margin-top: 210rpx;
.content-top{
padding: 28rpx
padding: 42rpx
display: flex
justify-content: space-between
align-items: center
.top-left{
font-weight: 600;
font-size: 36rpx;
font-size: 54rpx;
color: #000000;
line-height: 42rpx;
line-height: 63rpx;
}
}
.content-history{
padding: 0 28rpx;
padding: 0 42rpx;
display: flex
flex-wrap: wrap
.history-tag{
margin-right: 40rpx
margin-bottom: 20rpx
margin-right: 60rpx
margin-bottom: 30rpx
white-space: nowrap
font-weight: 400;
font-size: 28rpx;
font-size: 42rpx;
color: #333333;
background: #F5F5F5;
border-radius: 12rpx 12rpx 12rpx 12rpx;
border-radius: 18rpx 18rpx 18rpx 18rpx;
width: fit-content;
padding: 12rpx 20rpx
padding: 18rpx 30rpx
}
}
}
.Detailscroll-view{
flex: 1
overflow: hidden
margin-top: 140rpx;
margin-top: 210rpx;
}
}
@@ -302,11 +302,11 @@ function dataToImg(data) {
// background: #f4f4f4;
background: #FFFFFF;
.job-info{
padding: 10rpx 24rpx 24rpx 24rpx
padding: 15rpx 36rpx 36rpx 36rpx
}
.job-image{
width: 100%;
height: 280rpx;
height: 420rpx;
position: relative;
.cover-image{
width: 100%;
@@ -318,10 +318,10 @@ function dataToImg(data) {
}
.cover-triangle{
position: absolute;
right: 20rpx;
top: 20rpx
width: 36rpx
height: 36rpx
right: 30rpx;
top: 30rpx
width: 54rpx
height: 54rpx
border-radius: 50%
background: rgba(0,0,0,0.3)
}
@@ -333,31 +333,31 @@ function dataToImg(data) {
transform: translate(-40%, -50%) rotate(90deg);
width: 0;
height: 0;
border-left: 8rpx solid transparent;
border-right: 8rpx solid transparent;
border-bottom: 12rpx solid #fff;
border-left: 12rpx solid transparent;
border-right: 12rpx solid transparent;
border-bottom: 18rpx solid #fff;
}
}
.salary
color: #4C6EFB;
font-size: 28rpx
font-size: 42rpx
display: flex
align-items: flex-start
justify-content: space-between
.flame
margin-top: 4rpx
margin-right: 4rpx
width: 24rpx
height: 31rpx
margin-top: 6rpx
margin-right: 6rpx
width: 36rpx
height: 47rpx
.title
font-weight: 500;
font-size: 32rpx;
font-size: 48rpx;
color: #333333;
margin-top: 6rpx;
margin-top: 9rpx;
white-space: pre-wrap
.desc
font-weight: 400;
font-size: 24rpx;
font-size: 36rpx;
color: #6C7282;
margin-top: 6rpx;
margin-top: 9rpx;
</style>