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

52
pages/service/components/SkillDetailPopup.vue
View File

@@ -2,7 +2,7 @@
<uni-popup
ref="popupRef"
type="bottom"
:borderRadius="'20rpx 20rpx 0 0'"
:borderRadius="'20rpx 30rpx 0 0'"
background-color="#FFFFFF"
maskBackgroundColor="rgba(255, 255, 255, 0.6)"
:isMaskClick="true"
@@ -97,9 +97,9 @@ defineExpose({ open, close });
<style lang="scss" scoped>
.skill-popup-content {
height: calc(100vh - 330rpx);
height: calc(100vh - 495rpx);
background-color: #FFFFFF;
border-radius: 20rpx 20rpx 0 0;
border-radius: 30rpx 30rpx 0 0;
display: flex;
flex-direction: column;
overflow: hidden;
@@ -110,42 +110,42 @@ defineExpose({ open, close });
display: flex;
justify-content: space-between;
align-items: center;
padding: 32rpx 28rpx;
border-bottom: 1rpx solid #F0F0F0;
padding: 48rpx 42rpx;
border-bottom: 2rpx solid #F0F0F0;
flex-shrink: 0;
position: relative;
}
.popup-title {
font-size: 36rpx;
font-size: 54rpx;
font-weight: 600;
color: #000000;
flex: 1;
}
.close-btn {
width: 44rpx;
height: 44rpx;
width: 66rpx;
height: 66rpx;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
background-color: #F5F5F5;
position: absolute;
right: 28rpx;
right: 42rpx;
top: 50%;
transform: translateY(-50%);
}
.popup-body {
flex: 1;
padding: 0 28rpx 28rpx;
padding: 0 42rpx 42rpx;
overflow-y: auto;
box-sizing: border-box;
}
.skill-section {
margin-bottom: 40rpx;
margin-bottom: 60rpx;
&:last-child {
margin-bottom: 0;
@@ -155,20 +155,20 @@ defineExpose({ open, close });
.section-header {
display: flex;
align-items: center;
margin-bottom: 24rpx;
gap: 12rpx;
margin-bottom: 36rpx;
gap: 18rpx;
}
.section-icon {
width: 24rpx;
height: 24rpx;
width: 36rpx;
height: 36rpx;
border-radius: 50%;
background: linear-gradient(135deg, #9974FD 0%, #286BFA 100%);
flex-shrink: 0;
}
.section-title {
font-size: 32rpx;
font-size: 48rpx;
font-weight: 600;
color: #286BFA;
}
@@ -176,25 +176,25 @@ defineExpose({ open, close });
.skill-list {
display: flex;
flex-direction: column;
gap: 12rpx;
gap: 18rpx;
}
.skill-item {
background-color: #F5F5F5;
border-radius: 12rpx;
padding: 20rpx 24rpx;
border-radius: 18rpx;
padding: 30rpx 36rpx;
display: flex;
justify-content: space-between;
align-items: center;
min-height: 64rpx;
min-height: 96rpx;
box-sizing: border-box;
}
.skill-name {
font-size: 28rpx;
font-size: 42rpx;
color: #000000;
flex: 1;
margin-right: 20rpx;
margin-right: 30rpx;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
@@ -203,15 +203,15 @@ defineExpose({ open, close });
.skill-dots {
display: flex;
gap: 8rpx;
gap: 12rpx;
align-items: center;
flex-shrink: 0;
width: 112rpx;
width: 168rpx;
}
.dot {
width: 12rpx;
height: 12rpx;
width: 18rpx;
height: 18rpx;
border-radius: 50%;
background-color: #E0E0E0;