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

46
pages/service/components/SkillWeightPopup.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"
@@ -94,9 +94,9 @@ defineExpose({ open, close });
<style lang="scss" scoped>
.skill-weight-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;
@@ -107,42 +107,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;
}
.info-section {
margin-bottom: 40rpx;
margin-bottom: 60rpx;
&:last-child {
margin-bottom: 0;
@@ -152,55 +152,55 @@ 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;
}
.info-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;
}
.info-label {
font-size: 28rpx;
font-size: 42rpx;
color: #000000;
flex: 1;
}
.info-value {
font-size: 28rpx;
font-size: 42rpx;
color: #286BFA;
font-weight: 500;
}
.level-dots {
display: flex;
gap: 8rpx;
gap: 12rpx;
align-items: center;
flex-shrink: 0;
}
.dot {
width: 12rpx;
height: 12rpx;
width: 18rpx;
height: 18rpx;
border-radius: 50%;
background-color: #E0E0E0;