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

58
packageA/pages/nearby/components/one.vue
View File

@@ -7,7 +7,7 @@
:class="{ 'map-collapsed': isMapCollapsed }"
>
<map
style="width: 100%; height: 400px"
style="width: 100%; height: 600px"
:latitude="latitudeVal"
:longitude="longitudeVal"
:markers="mapCovers"
@@ -346,31 +346,31 @@ defineExpose({ loadData, handleFilterConfirm });
<style lang="stylus" scoped>
.nearby-select{
width: 184rpx;
height: 64rpx;
width: 276rpx;
height: 96rpx;
background: #FFFFFF;
border-radius: 12rpx 12rpx 12rpx 12rpx;
border-radius: 18rpx 18rpx 18rpx 18rpx;
position: absolute
right: 28rpx;
top: 28rpx
right: 42rpx;
top: 42rpx
.select-view{
display: flex
align-items: center
justify-content: center
height: 100%
.view-sx{
width: 26rpx;
height: 26rpx;
width: 39rpx;
height: 39rpx;
}
.active{
transform: rotate(180deg)
}
}
.select-list{
border-radius: 12rpx 12rpx 12rpx 12rpx;
border-radius: 18rpx 18rpx 18rpx 18rpx;
overflow: hidden
position: absolute
top: 76rpx
top: 114rpx
left: 0
display: flex
flex-direction: column
@@ -378,9 +378,9 @@ defineExpose({ loadData, handleFilterConfirm });
text-align: center
.list-item{
width: 184rpx;
line-height: 68rpx;
height: 68rpx;
width: 276rpx;
line-height: 102rpx;
height: 102rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
}
}
@@ -393,7 +393,7 @@ defineExpose({ loadData, handleFilterConfirm });
overflow: hidden;
.nearby-map
height: 767rpx;
height: 1151rpx;
background: #e8e8e8;
overflow: hidden
transition: height 0.3s ease;
@@ -412,13 +412,13 @@ defineExpose({ loadData, handleFilterConfirm });
.one-cards{
display: flex;
flex-direction: column;
padding: 0 20rpx 20rpx 20rpx;
padding: 0 30rpx 30rpx 30rpx;
background: #f4f4f4
}
// 筛选条件样式 - 顶级选择器
.nav-filter
padding: 16rpx 28rpx 0 28rpx
padding: 24rpx 42rpx 0 42rpx
background: #ffffff
.filter-top
display: flex
@@ -426,7 +426,7 @@ defineExpose({ loadData, handleFilterConfirm });
.tab-scroll
flex: 1;
overflow: hidden;
margin-right: 20rpx
margin-right: 30rpx
white-space: nowrap;
overflow: hidden;
text-overflow: clip;
@@ -437,45 +437,45 @@ defineExpose({ loadData, handleFilterConfirm });
flex-wrap: nowrap
.job
font-weight: 400;
font-size: 36rpx;
font-size: 54rpx;
color: #666D7F;
margin-right: 32rpx;
margin-right: 48rpx;
white-space: nowrap
.active
font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
font-weight: 500;
font-size: 36rpx;
font-size: 54rpx;
color: #000000;
.jobs-add
display: flex
align-items: center;
justify-content: center;
font-weight: 400;
font-size: 32rpx;
font-size: 48rpx;
color: #666D7F;
line-height: 38rpx;
line-height: 57rpx;
.filter-bottom
display: flex
justify-content: space-between
padding: 24rpx 0
padding: 36rpx 0
.btm-left
display: flex
.filterbtm
font-weight: 400;
font-size: 32rpx;
font-size: 48rpx;
color: #666D7F;
margin-right: 40rpx
margin-right: 60rpx
.active
font-weight: 500;
font-size: 32rpx;
font-size: 48rpx;
color: #256BFA;
.btm-right
font-weight: 400;
font-size: 32rpx;
font-size: 48rpx;
color: #6C7282;
.right-sx
width: 26rpx;
height: 26rpx;
width: 39rpx;
height: 39rpx;
.active
transform: rotate(180deg)
</style>