一体机放大效果开发
This commit is contained in:
冯辉
@@ -538,7 +538,7 @@ onMounted(() => {
|
||||
/* #ifdef H5 */
|
||||
height: calc(100vh - var(--window-top) - var(--status-bar-height) - var(--window-bottom));
|
||||
background: url('@/static/icon/background2.png') 0 0 no-repeat;
|
||||
background-size: 100% 728rpx;
|
||||
background-size: 100% 1092rpx;
|
||||
/* #endif */
|
||||
/* #ifdef MP-WEIXIN */
|
||||
height: 100vh;
|
||||
@@ -557,7 +557,7 @@ onMounted(() => {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 728rpx;
|
||||
height: 1092rpx;
|
||||
z-index: 0;
|
||||
}
|
||||
/* #endif */
|
||||
|
||||
@@ -400,24 +400,24 @@ onMounted(() => {
|
||||
<style lang="scss">
|
||||
.query-btn {
|
||||
width: 100%;
|
||||
height: 80rpx;
|
||||
line-height: 40rpx;
|
||||
border-radius: 14rpx;
|
||||
height: 120rpx;
|
||||
line-height: 60rpx;
|
||||
border-radius: 21rpx;
|
||||
background: linear-gradient(180deg, rgba(18, 125, 240, 1) 0%, rgba(59, 14, 123, 0.71) 100%);
|
||||
color: rgba(255, 255, 255, 1);
|
||||
font-size: 28rpx;
|
||||
font-size: 42rpx;
|
||||
text-align: center;
|
||||
font-family: '阿里巴巴普惠体3.0-regular', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
|
||||
border: 2rpx solid rgba(187, 187, 187, 1);
|
||||
border: 3rpx solid rgba(187, 187, 187, 1);
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 12rpx;
|
||||
gap: 18rpx;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.empty-text {
|
||||
font-size: 26rpx;
|
||||
font-size: 39rpx;
|
||||
text-align: center;
|
||||
line-height: 1.5;
|
||||
}
|
||||
@@ -425,32 +425,32 @@ onMounted(() => {
|
||||
.input-group {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 30rpx;
|
||||
gap: 45rpx;
|
||||
}
|
||||
|
||||
.input-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12rpx;
|
||||
gap: 18rpx;
|
||||
}
|
||||
|
||||
.picker-field {
|
||||
background-color: #F5F5F5;
|
||||
border: 1rpx solid #E0E0E0;
|
||||
border-radius: 12rpx;
|
||||
padding: 20rpx 24rpx;
|
||||
border: 2rpx solid #E0E0E0;
|
||||
border-radius: 18rpx;
|
||||
padding: 30rpx 36rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.picker-text {
|
||||
font-size: 28rpx;
|
||||
font-size: 42rpx;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.picker-placeholder {
|
||||
font-size: 28rpx;
|
||||
font-size: 42rpx;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
@@ -462,7 +462,7 @@ onMounted(() => {
|
||||
/* #ifdef H5 */
|
||||
height: calc(100vh - var(--window-top) - var(--status-bar-height) - var(--window-bottom));
|
||||
background: url('@/static/icon/background2.png') 0 0 no-repeat;
|
||||
background-size: 100% 728rpx;
|
||||
background-size: 100% 1092rpx;
|
||||
/* #endif */
|
||||
/* #ifdef MP-WEIXIN */
|
||||
height: 100vh;
|
||||
@@ -481,7 +481,7 @@ onMounted(() => {
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 728rpx;
|
||||
height: 1092rpx;
|
||||
z-index: 0;
|
||||
}
|
||||
/* #endif */
|
||||
|
||||
@@ -70,7 +70,7 @@ const store = useCareerPathStore();
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.career-path {
|
||||
padding: 10rpx 28rpx 20rpx;
|
||||
padding: 15rpx 42rpx 30rpx;
|
||||
}
|
||||
|
||||
.card-content {
|
||||
@@ -79,8 +79,8 @@ const store = useCareerPathStore();
|
||||
align-items: center;
|
||||
|
||||
.label {
|
||||
font-size: 24rpx;
|
||||
line-height: 34rpx;
|
||||
font-size: 36rpx;
|
||||
line-height: 51rpx;
|
||||
color: rgba(154, 154, 154, 1);
|
||||
text-align: left;
|
||||
font-family: 'PingFangSC-Bold', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
|
||||
@@ -88,8 +88,8 @@ const store = useCareerPathStore();
|
||||
}
|
||||
|
||||
.value {
|
||||
font-size: 32rpx;
|
||||
line-height: 46rpx;
|
||||
font-size: 48rpx;
|
||||
line-height: 69rpx;
|
||||
color: rgb(16, 16, 16);
|
||||
font-weight: 600;
|
||||
text-align: left;
|
||||
@@ -104,64 +104,64 @@ const store = useCareerPathStore();
|
||||
|
||||
.query-section {
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 16rpx;
|
||||
padding: 28rpx;
|
||||
margin-bottom: 20rpx;
|
||||
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
|
||||
border-radius: 24rpx;
|
||||
padding: 42rpx;
|
||||
margin-bottom: 30rpx;
|
||||
box-shadow: 0 6rpx 18rpx rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 32rpx;
|
||||
font-size: 48rpx;
|
||||
color: #000000;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12rpx;
|
||||
margin-bottom: 24rpx;
|
||||
gap: 18rpx;
|
||||
margin-bottom: 36rpx;
|
||||
}
|
||||
|
||||
.title-text {
|
||||
font-size: 32rpx;
|
||||
font-size: 48rpx;
|
||||
font-weight: 600;
|
||||
color: #157DF0;
|
||||
}
|
||||
|
||||
.input-label {
|
||||
font-size: 28rpx;
|
||||
font-size: 42rpx;
|
||||
color: #000000;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.input-field {
|
||||
background-color: #F5F5F5;
|
||||
border: 1rpx solid #E0E0E0;
|
||||
border-radius: 12rpx;
|
||||
padding: 20rpx 24rpx;
|
||||
font-size: 28rpx;
|
||||
border: 2rpx solid #E0E0E0;
|
||||
border-radius: 18rpx;
|
||||
padding: 30rpx 36rpx;
|
||||
font-size: 42rpx;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.path-summary {
|
||||
margin-top: 16rpx;
|
||||
font-size: 24rpx;
|
||||
margin-top: 24rpx;
|
||||
font-size: 36rpx;
|
||||
color: #666666;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.path-section {
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 16rpx;
|
||||
padding: 28rpx;
|
||||
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
|
||||
border-radius: 24rpx;
|
||||
padding: 42rpx;
|
||||
box-shadow: 0 6rpx 18rpx rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.timeline {
|
||||
position: relative;
|
||||
padding-left: 40rpx;
|
||||
padding-left: 60rpx;
|
||||
}
|
||||
|
||||
.timeline-item {
|
||||
position: relative;
|
||||
margin-bottom: 32rpx;
|
||||
margin-bottom: 48rpx;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
@@ -172,14 +172,14 @@ const store = useCareerPathStore();
|
||||
position: absolute;
|
||||
left: -32rpx;
|
||||
top: 0;
|
||||
width: 2rpx;
|
||||
width: 3rpx;
|
||||
height: 100%;
|
||||
background: repeating-linear-gradient(
|
||||
to bottom,
|
||||
#E0E0E0 0,
|
||||
#E0E0E0 6rpx,
|
||||
transparent 6rpx,
|
||||
transparent 12rpx
|
||||
#E0E0E0 9rpx,
|
||||
transparent 9rpx,
|
||||
transparent 18rpx
|
||||
);
|
||||
transform: translateX(-50%);
|
||||
z-index: 1;
|
||||
@@ -191,56 +191,56 @@ const store = useCareerPathStore();
|
||||
left: -32rpx;
|
||||
top: 0;
|
||||
transform: translateX(-50%);
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
border-radius: 50%;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.start-marker {
|
||||
background-color: #FF4444;
|
||||
border: 4rpx solid #FFFFFF;
|
||||
box-shadow: 0 0 0 2rpx #FF4444;
|
||||
border: 6rpx solid #FFFFFF;
|
||||
box-shadow: 0 0 0 3rpx #FF4444;
|
||||
}
|
||||
|
||||
.step-marker {
|
||||
background-color: #286BFA;
|
||||
border: 4rpx solid #FFFFFF;
|
||||
box-shadow: 0 0 0 2rpx #286BFA;
|
||||
border: 6rpx solid #FFFFFF;
|
||||
box-shadow: 0 0 0 3rpx #286BFA;
|
||||
}
|
||||
|
||||
.end-marker {
|
||||
background-color: #52C41A;
|
||||
border: 4rpx solid #FFFFFF;
|
||||
box-shadow: 0 0 0 2rpx #52C41A;
|
||||
border: 6rpx solid #FFFFFF;
|
||||
box-shadow: 0 0 0 3rpx #52C41A;
|
||||
}
|
||||
|
||||
.timeline-content {
|
||||
background-color: #F5F5F5;
|
||||
border-radius: 12rpx;
|
||||
padding: 24rpx;
|
||||
margin-left: 20rpx;
|
||||
border-radius: 18rpx;
|
||||
padding: 36rpx;
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
|
||||
.step-title {
|
||||
font-size: 30rpx;
|
||||
font-size: 45rpx;
|
||||
font-weight: 600;
|
||||
color: #000000;
|
||||
margin-bottom: 16rpx;
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
|
||||
.skill-tags {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 12rpx;
|
||||
gap: 18rpx;
|
||||
}
|
||||
|
||||
.skill-tag {
|
||||
background-color: #F0F0F0;
|
||||
color: #286BFA;
|
||||
padding: 8rpx 16rpx;
|
||||
border-radius: 8rpx;
|
||||
font-size: 24rpx;
|
||||
padding: 12rpx 24rpx;
|
||||
border-radius: 12rpx;
|
||||
font-size: 36rpx;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
|
||||
@@ -61,37 +61,37 @@ const store = useCareerRecommendationStore();
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.career-recommend {
|
||||
padding: 10rpx 28rpx 20rpx;
|
||||
padding: 15rpx 42rpx 30rpx;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 32rpx;
|
||||
font-size: 48rpx;
|
||||
color: #000000;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12rpx;
|
||||
margin-bottom: 24rpx;
|
||||
gap: 18rpx;
|
||||
margin-bottom: 36rpx;
|
||||
}
|
||||
|
||||
.title-text {
|
||||
font-size: 32rpx;
|
||||
font-size: 48rpx;
|
||||
font-weight: 600;
|
||||
color: #157DF0;
|
||||
}
|
||||
|
||||
.info-card {
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 16rpx;
|
||||
padding: 28rpx;
|
||||
margin-bottom: 20rpx;
|
||||
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
|
||||
border-radius: 24rpx;
|
||||
padding: 42rpx;
|
||||
margin-bottom: 30rpx;
|
||||
box-shadow: 0 6rpx 18rpx rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.card-title {
|
||||
font-size: 32rpx;
|
||||
font-size: 48rpx;
|
||||
font-weight: 600;
|
||||
color: #000000;
|
||||
margin-bottom: 24rpx;
|
||||
margin-bottom: 36rpx;
|
||||
}
|
||||
|
||||
.card-content {
|
||||
@@ -100,8 +100,8 @@ const store = useCareerRecommendationStore();
|
||||
align-items: center;
|
||||
|
||||
.label {
|
||||
font-size: 24rpx;
|
||||
line-height: 34rpx;
|
||||
font-size: 36rpx;
|
||||
line-height: 51rpx;
|
||||
color: rgba(154, 154, 154, 1);
|
||||
text-align: left;
|
||||
font-family: 'PingFangSC-Bold', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
|
||||
@@ -109,8 +109,8 @@ const store = useCareerRecommendationStore();
|
||||
}
|
||||
|
||||
.value {
|
||||
font-size: 32rpx;
|
||||
line-height: 46rpx;
|
||||
font-size: 48rpx;
|
||||
line-height: 69rpx;
|
||||
color: rgb(16, 16, 16);
|
||||
font-weight: 600;
|
||||
text-align: left;
|
||||
@@ -121,58 +121,58 @@ const store = useCareerRecommendationStore();
|
||||
.skill-tags {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 16rpx;
|
||||
gap: 24rpx;
|
||||
}
|
||||
|
||||
.skill-tag {
|
||||
background-color: #EAEFFE;
|
||||
color: rgba(44, 101, 247, 1);
|
||||
padding: 8rpx 20rpx;
|
||||
padding: 12rpx 30rpx;
|
||||
border-radius: 0;
|
||||
font-size: 24rpx;
|
||||
font-size: 36rpx;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.job-item-card {
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 16rpx;
|
||||
padding: 28rpx;
|
||||
margin-bottom: 20rpx;
|
||||
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
|
||||
border-left: 6rpx solid #409EFF;
|
||||
border-radius: 24rpx;
|
||||
padding: 42rpx;
|
||||
margin-bottom: 30rpx;
|
||||
box-shadow: 0 6rpx 18rpx rgba(0, 0, 0, 0.08);
|
||||
border-left: 9rpx solid #409EFF;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.job-header {
|
||||
margin-bottom: 16rpx;
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
|
||||
.job-title {
|
||||
font-size: 32rpx;
|
||||
font-size: 48rpx;
|
||||
font-weight: 600;
|
||||
color: rgb(16, 16, 16);
|
||||
text-align: left;
|
||||
font-family: 'PingFangSC-Bold', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
|
||||
line-height: 46rpx;
|
||||
line-height: 69rpx;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.job-skills {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 12rpx;
|
||||
gap: 18rpx;
|
||||
}
|
||||
|
||||
.job-skill-tag {
|
||||
width: 130rpx;
|
||||
height: 36rpx;
|
||||
line-height: 34rpx;
|
||||
width: 195rpx;
|
||||
height: 54rpx;
|
||||
line-height: 51rpx;
|
||||
background-color: rgba(49, 100, 239, 0.1);
|
||||
color: rgba(44, 101, 247, 1);
|
||||
font-size: 24rpx;
|
||||
font-size: 36rpx;
|
||||
text-align: center;
|
||||
font-family: 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
|
||||
border-radius: 8rpx;
|
||||
border-radius: 12rpx;
|
||||
white-space: nowrap;
|
||||
border: none;
|
||||
display: flex;
|
||||
@@ -182,16 +182,16 @@ const store = useCareerRecommendationStore();
|
||||
}
|
||||
|
||||
.recommend-count {
|
||||
margin-left: 12rpx;
|
||||
font-size: 22rpx;
|
||||
margin-left: 18rpx;
|
||||
font-size: 33rpx;
|
||||
color: #666666;
|
||||
font-weight: 400;
|
||||
}
|
||||
|
||||
.empty-text {
|
||||
font-size: 24rpx;
|
||||
font-size: 36rpx;
|
||||
color: #999999;
|
||||
line-height: 34rpx;
|
||||
line-height: 51rpx;
|
||||
}
|
||||
|
||||
button::after {
|
||||
|
||||
@@ -96,7 +96,7 @@ function handleMoreClick() {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.page-header {
|
||||
padding: 40rpx 28rpx 0;
|
||||
padding: 60rpx 42rpx 0;
|
||||
flex-shrink: 0;
|
||||
/* #ifdef MP-WEIXIN */
|
||||
padding-top: calc(40rpx + env(safe-area-inset-top));
|
||||
@@ -110,7 +110,7 @@ function handleMoreClick() {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-start;
|
||||
margin-bottom: 15rpx;
|
||||
margin-bottom: 23rpx;
|
||||
}
|
||||
|
||||
.title-section {
|
||||
@@ -120,16 +120,16 @@ function handleMoreClick() {
|
||||
}
|
||||
|
||||
.main-title {
|
||||
font-size: 40rpx;
|
||||
font-size: 60rpx;
|
||||
font-weight: 600;
|
||||
color: #000000;
|
||||
margin-bottom: 8rpx;
|
||||
margin-bottom: 12rpx;
|
||||
line-height: 1.2;
|
||||
}
|
||||
|
||||
.sub-title {
|
||||
font-size: 24rpx;
|
||||
line-height: 28rpx;
|
||||
font-size: 36rpx;
|
||||
line-height: 42rpx;
|
||||
color: rgba(51, 51, 51, 1);
|
||||
text-align: left;
|
||||
font-family: 'PingFangSC-Bold', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Microsoft YaHei', sans-serif;
|
||||
@@ -138,44 +138,44 @@ function handleMoreClick() {
|
||||
|
||||
.header-icons {
|
||||
display: flex;
|
||||
gap: 16rpx;
|
||||
gap: 24rpx;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.icon-dot {
|
||||
width: 44rpx;
|
||||
height: 44rpx;
|
||||
width: 66rpx;
|
||||
height: 66rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
gap: 4rpx;
|
||||
gap: 6rpx;
|
||||
|
||||
.dot {
|
||||
width: 6rpx;
|
||||
height: 6rpx;
|
||||
width: 9rpx;
|
||||
height: 9rpx;
|
||||
background-color: #666666;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.icon-single-dot {
|
||||
width: 44rpx;
|
||||
height: 44rpx;
|
||||
width: 66rpx;
|
||||
height: 66rpx;
|
||||
border-radius: 50%;
|
||||
background-color: #666666;
|
||||
}
|
||||
|
||||
.search-bar {
|
||||
background-color: #EBF1FF;
|
||||
border-radius: 40rpx;
|
||||
padding: 0 28rpx;
|
||||
margin-bottom: 16rpx;
|
||||
border-radius: 60rpx;
|
||||
padding: 0 42rpx;
|
||||
margin-bottom: 24rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
gap: 16rpx;
|
||||
height: 88rpx;
|
||||
gap: 24rpx;
|
||||
height: 132rpx;
|
||||
box-shadow: none;
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
@@ -190,17 +190,17 @@ function handleMoreClick() {
|
||||
|
||||
.search-placeholder {
|
||||
flex: 1;
|
||||
font-size: 28rpx;
|
||||
font-size: 42rpx;
|
||||
color: #999999;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.tab-nav-wrapper {
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 16rpx;
|
||||
padding: 6rpx 20rpx;
|
||||
margin-bottom: 10rpx;
|
||||
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
|
||||
border-radius: 24rpx;
|
||||
padding: 9rpx 30rpx;
|
||||
margin-bottom: 15rpx;
|
||||
box-shadow: 0 3rpx 12rpx rgba(0, 0, 0, 0.1);
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
pointer-events: auto;
|
||||
@@ -208,14 +208,14 @@ function handleMoreClick() {
|
||||
|
||||
.tab-nav {
|
||||
display: flex;
|
||||
gap: 8rpx;
|
||||
gap: 12rpx;
|
||||
}
|
||||
|
||||
.tab-item {
|
||||
flex: 1;
|
||||
padding: 12rpx 24rpx;
|
||||
border-radius: 20rpx;
|
||||
font-size: 28rpx;
|
||||
padding: 18rpx 36rpx;
|
||||
border-radius: 30rpx;
|
||||
font-size: 42rpx;
|
||||
color: #000000;
|
||||
background-color: transparent;
|
||||
text-align: center;
|
||||
@@ -230,7 +230,7 @@ function handleMoreClick() {
|
||||
background: linear-gradient(135deg, #9974FD 0%, #286BFA 100%);
|
||||
color: #FFFFFF;
|
||||
font-weight: 500;
|
||||
border-radius: 20rpx;
|
||||
border-radius: 30rpx;
|
||||
}
|
||||
</style>
|
||||
|
||||
|
||||
@@ -2,7 +2,7 @@
|
||||
<uni-popup
|
||||
ref="popupRef"
|
||||
type="center"
|
||||
borderRadius="10px 10px 10px 10px"
|
||||
borderRadius="10px 15px 15px 15px"
|
||||
background-color="#FFFFFF"
|
||||
:mask-click="false"
|
||||
>
|
||||
@@ -74,52 +74,52 @@ defineExpose({
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.remind-popup-content {
|
||||
padding: 40rpx;
|
||||
width: 630rpx;
|
||||
padding: 60rpx;
|
||||
width: 945rpx;
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 20rpx;
|
||||
border-radius: 30rpx;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.remind-title {
|
||||
font-weight: 600;
|
||||
font-size: 32rpx;
|
||||
font-size: 48rpx;
|
||||
color: #000000;
|
||||
margin-bottom: 24rpx;
|
||||
margin-bottom: 36rpx;
|
||||
}
|
||||
|
||||
.remind-message {
|
||||
font-size: 28rpx;
|
||||
font-size: 42rpx;
|
||||
color: #000000;
|
||||
margin-bottom: 20rpx;
|
||||
line-height: 40rpx;
|
||||
margin-bottom: 30rpx;
|
||||
line-height: 60rpx;
|
||||
}
|
||||
|
||||
.remind-list {
|
||||
margin-bottom: 32rpx;
|
||||
min-height: 40rpx;
|
||||
margin-bottom: 48rpx;
|
||||
min-height: 60rpx;
|
||||
}
|
||||
|
||||
.remind-item {
|
||||
font-size: 28rpx;
|
||||
font-size: 42rpx;
|
||||
color: #000000;
|
||||
line-height: 40rpx;
|
||||
margin-bottom: 8rpx;
|
||||
line-height: 60rpx;
|
||||
margin-bottom: 12rpx;
|
||||
}
|
||||
|
||||
.remind-btns {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
gap: 20rpx;
|
||||
gap: 30rpx;
|
||||
}
|
||||
|
||||
.remind-btn {
|
||||
flex: 1;
|
||||
height: 88rpx;
|
||||
line-height: 88rpx;
|
||||
height: 132rpx;
|
||||
line-height: 132rpx;
|
||||
text-align: center;
|
||||
border-radius: 8rpx;
|
||||
font-size: 28rpx;
|
||||
border-radius: 12rpx;
|
||||
font-size: 42rpx;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
font-weight: 400;
|
||||
@@ -128,7 +128,7 @@ defineExpose({
|
||||
.cancel-btn {
|
||||
background-color: #FFFFFF;
|
||||
color: #666666;
|
||||
border: 1rpx solid #E5E7EB;
|
||||
border: 2rpx solid #E5E7EB;
|
||||
}
|
||||
|
||||
.confirm-btn {
|
||||
|
||||
@@ -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;
|
||||
|
||||
|
||||
@@ -94,17 +94,17 @@ const store = useSkillDevelopmentStore();
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.skill-development {
|
||||
padding: 10rpx 28rpx 20rpx;
|
||||
padding: 15rpx 42rpx 30rpx;
|
||||
background-color: #EBF4FF;
|
||||
min-height: 95%;
|
||||
}
|
||||
|
||||
.query-section {
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 16rpx;
|
||||
padding: 28rpx;
|
||||
margin-bottom: 20rpx;
|
||||
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
|
||||
border-radius: 24rpx;
|
||||
padding: 42rpx;
|
||||
margin-bottom: 30rpx;
|
||||
box-shadow: 0 6rpx 18rpx rgba(0, 0, 0, 0.08);
|
||||
|
||||
.section-title {
|
||||
margin-top: 0;
|
||||
@@ -113,39 +113,39 @@ const store = useSkillDevelopmentStore();
|
||||
|
||||
.content-section {
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 16rpx;
|
||||
padding: 28rpx;
|
||||
margin-bottom: 20rpx;
|
||||
border-radius: 24rpx;
|
||||
padding: 42rpx;
|
||||
margin-bottom: 30rpx;
|
||||
box-sizing: border-box;
|
||||
overflow: visible;
|
||||
box-shadow: 0 4rpx 12rpx rgba(0, 0, 0, 0.08);
|
||||
box-shadow: 0 6rpx 18rpx rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.input-group {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 20rpx;
|
||||
margin-bottom: 24rpx;
|
||||
gap: 30rpx;
|
||||
margin-bottom: 36rpx;
|
||||
}
|
||||
|
||||
.input-label {
|
||||
font-size: 28rpx;
|
||||
font-size: 42rpx;
|
||||
color: #000000;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.input-field {
|
||||
background-color: #F5F5F5;
|
||||
border: 1rpx solid #E0E0E0;
|
||||
border-radius: 12rpx;
|
||||
padding: 20rpx 24rpx;
|
||||
font-size: 28rpx;
|
||||
border: 2rpx solid #E0E0E0;
|
||||
border-radius: 18rpx;
|
||||
padding: 30rpx 36rpx;
|
||||
font-size: 42rpx;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.path-summary {
|
||||
margin-top: 16rpx;
|
||||
font-size: 24rpx;
|
||||
margin-top: 24rpx;
|
||||
font-size: 36rpx;
|
||||
color: #666666;
|
||||
text-align: center;
|
||||
}
|
||||
@@ -155,12 +155,12 @@ button::after {
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 32rpx;
|
||||
font-size: 48rpx;
|
||||
color: #000000;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 12rpx;
|
||||
margin-bottom: 24rpx;
|
||||
gap: 18rpx;
|
||||
margin-bottom: 36rpx;
|
||||
|
||||
.content-section & {
|
||||
margin-top: 0;
|
||||
@@ -170,15 +170,15 @@ button::after {
|
||||
.career-paths {
|
||||
display: grid;
|
||||
grid-auto-flow: column;
|
||||
gap: 20px;
|
||||
padding-bottom: 10px;
|
||||
gap: 30px;
|
||||
padding-bottom: 15px;
|
||||
|
||||
.career-path-item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
width: 80px;
|
||||
padding: 5px;
|
||||
width: 120px;
|
||||
padding: 8px;
|
||||
font-weight: 700;
|
||||
cursor: pointer;
|
||||
|
||||
@@ -187,9 +187,9 @@ button::after {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
font-size: 20px;
|
||||
width: 72px;
|
||||
height: 72px;
|
||||
font-size: 30px;
|
||||
color: #fff;
|
||||
border-radius: 50%;
|
||||
|
||||
@@ -208,9 +208,9 @@ button::after {
|
||||
inset: 0;
|
||||
z-index: 1;
|
||||
background: #6c64e7;
|
||||
border: 3px solid #fff;
|
||||
border: 5px solid #fff;
|
||||
border-radius: 50%;
|
||||
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
&:after {
|
||||
@@ -219,14 +219,14 @@ button::after {
|
||||
top: 50%;
|
||||
right: 50%;
|
||||
z-index: 0;
|
||||
width: 100px;
|
||||
border-bottom: 4px solid #ccc;
|
||||
width: 150px;
|
||||
border-bottom: 6px solid #ccc;
|
||||
}
|
||||
}
|
||||
|
||||
.career-label {
|
||||
margin-top: 10px;
|
||||
font-size: 16px;
|
||||
margin-top: 15px;
|
||||
font-size: 24px;
|
||||
text-align: center;
|
||||
color: #6c64e7;
|
||||
}
|
||||
@@ -256,7 +256,7 @@ button::after {
|
||||
|
||||
&:first-child {
|
||||
.career-index {
|
||||
font-size: 16px;
|
||||
font-size: 24px;
|
||||
|
||||
&:after {
|
||||
display: none;
|
||||
@@ -266,7 +266,7 @@ button::after {
|
||||
|
||||
&:last-child {
|
||||
.career-index {
|
||||
font-size: 16px;
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -276,33 +276,33 @@ button::after {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.title-text {
|
||||
font-size: 32rpx;
|
||||
font-size: 48rpx;
|
||||
font-weight: 600;
|
||||
color: #167CF1;
|
||||
}
|
||||
|
||||
.skill-card {
|
||||
margin-bottom: 14px;
|
||||
margin-bottom: 21px;
|
||||
box-sizing: border-box;
|
||||
font-weight: 700;
|
||||
|
||||
.skill-list {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 20rpx;
|
||||
gap: 30rpx;
|
||||
}
|
||||
|
||||
.skill-item {
|
||||
width: 100%;
|
||||
max-width: 796rpx;
|
||||
min-height: 162rpx;
|
||||
line-height: 40rpx;
|
||||
border-radius: 20rpx;
|
||||
max-width: 1194rpx;
|
||||
min-height: 243rpx;
|
||||
line-height: 60rpx;
|
||||
border-radius: 30rpx;
|
||||
background-color: rgba(239, 239, 239, 1);
|
||||
color: rgba(16, 16, 16, 1);
|
||||
font-size: 28rpx;
|
||||
font-size: 42rpx;
|
||||
text-align: center;
|
||||
padding: 24rpx;
|
||||
padding: 36rpx;
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@@ -312,22 +312,22 @@ button::after {
|
||||
}
|
||||
|
||||
.skill-label {
|
||||
margin-bottom: 10px;
|
||||
font-size: 16px;
|
||||
margin-bottom: 15px;
|
||||
font-size: 24px;
|
||||
color: #94a3b8;
|
||||
}
|
||||
|
||||
.skill-detail {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 8px;
|
||||
gap: 12px;
|
||||
|
||||
.skill-detail-item {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 8px;
|
||||
border-radius: 3px;
|
||||
padding: 12px;
|
||||
border-radius: 5px;
|
||||
background: #c1d2ea;
|
||||
}
|
||||
|
||||
@@ -341,7 +341,7 @@ button::after {
|
||||
|
||||
.skill-detail-item-value {
|
||||
width: 45%;
|
||||
padding-left: 6px;
|
||||
padding-left: 9px;
|
||||
color: #4f46e5;
|
||||
box-sizing: border-box;
|
||||
|
||||
|
||||
@@ -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;
|
||||
|
||||
|
||||
@@ -229,30 +229,30 @@ onLoad(() => {
|
||||
}
|
||||
|
||||
.guidance-header {
|
||||
padding: 32rpx 24rpx;
|
||||
padding: 48rpx 36rpx;
|
||||
background-color: #FFFFFF;
|
||||
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0 3rpx 18rpx rgba(0, 0, 0, 0.05);
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.header-title {
|
||||
display: block;
|
||||
font-size: 36rpx;
|
||||
font-size: 54rpx;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
margin-bottom: 8rpx;
|
||||
margin-bottom: 12rpx;
|
||||
}
|
||||
|
||||
.header-subtitle {
|
||||
display: block;
|
||||
font-size: 24rpx;
|
||||
font-size: 36rpx;
|
||||
color: #666666;
|
||||
}
|
||||
|
||||
.guidance-content {
|
||||
flex: 1;
|
||||
padding: 24rpx;
|
||||
padding: 36rpx;
|
||||
overflow-y: scroll;
|
||||
box-sizing: border-box;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
@@ -260,27 +260,27 @@ onLoad(() => {
|
||||
|
||||
.guidance-section {
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 16rpx;
|
||||
padding: 32rpx;
|
||||
margin-bottom: 24rpx;
|
||||
box-shadow: 0 2rpx 12rpx rgba(0, 0, 0, 0.05);
|
||||
border-radius: 24rpx;
|
||||
padding: 48rpx;
|
||||
margin-bottom: 36rpx;
|
||||
box-shadow: 0 3rpx 18rpx rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.section-title {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 24rpx;
|
||||
margin-bottom: 36rpx;
|
||||
}
|
||||
|
||||
.title-text {
|
||||
font-size: 28rpx;
|
||||
font-size: 42rpx;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
margin-left: 12rpx;
|
||||
margin-left: 18rpx;
|
||||
}
|
||||
|
||||
.section-content {
|
||||
font-size: 24rpx;
|
||||
font-size: 36rpx;
|
||||
color: #666666;
|
||||
line-height: 1.6;
|
||||
}
|
||||
@@ -288,22 +288,22 @@ onLoad(() => {
|
||||
/* 步骤样式 */
|
||||
.step-item {
|
||||
display: flex;
|
||||
margin-bottom: 32rpx;
|
||||
margin-bottom: 48rpx;
|
||||
align-items: flex-start;
|
||||
}
|
||||
|
||||
.step-number {
|
||||
width: 48rpx;
|
||||
height: 48rpx;
|
||||
width: 72rpx;
|
||||
height: 72rpx;
|
||||
border-radius: 50%;
|
||||
background-color: #256BFA;
|
||||
color: #FFFFFF;
|
||||
font-size: 24rpx;
|
||||
font-size: 36rpx;
|
||||
font-weight: bold;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
margin-right: 20rpx;
|
||||
margin-right: 30rpx;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
@@ -313,15 +313,15 @@ onLoad(() => {
|
||||
|
||||
.step-title {
|
||||
display: block;
|
||||
font-size: 26rpx;
|
||||
font-size: 39rpx;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
margin-bottom: 8rpx;
|
||||
margin-bottom: 12rpx;
|
||||
}
|
||||
|
||||
.step-desc {
|
||||
display: block;
|
||||
font-size: 24rpx;
|
||||
font-size: 36rpx;
|
||||
color: #666666;
|
||||
line-height: 1.6;
|
||||
}
|
||||
@@ -330,40 +330,40 @@ onLoad(() => {
|
||||
.feature-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
gap: 24rpx;
|
||||
margin-top: 16rpx;
|
||||
gap: 36rpx;
|
||||
margin-top: 24rpx;
|
||||
}
|
||||
|
||||
.feature-item {
|
||||
text-align: center;
|
||||
padding: 24rpx;
|
||||
padding: 36rpx;
|
||||
background-color: #F8FAFC;
|
||||
border-radius: 12rpx;
|
||||
border-radius: 18rpx;
|
||||
}
|
||||
|
||||
.feature-icon {
|
||||
margin-bottom: 16rpx;
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
|
||||
.feature-title {
|
||||
display: block;
|
||||
font-size: 24rpx;
|
||||
font-size: 36rpx;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
margin-bottom: 8rpx;
|
||||
margin-bottom: 12rpx;
|
||||
}
|
||||
|
||||
.feature-desc {
|
||||
display: block;
|
||||
font-size: 20rpx;
|
||||
font-size: 30rpx;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
/* 常见问题样式 */
|
||||
.faq-item {
|
||||
margin-bottom: 24rpx;
|
||||
padding-bottom: 24rpx;
|
||||
border-bottom: 1rpx solid #F0F0F0;
|
||||
margin-bottom: 36rpx;
|
||||
padding-bottom: 36rpx;
|
||||
border-bottom: 2rpx solid #F0F0F0;
|
||||
}
|
||||
|
||||
.faq-item:last-child {
|
||||
@@ -375,40 +375,40 @@ onLoad(() => {
|
||||
.faq-question {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
font-size: 26rpx;
|
||||
font-size: 39rpx;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
margin-bottom: 12rpx;
|
||||
margin-bottom: 18rpx;
|
||||
}
|
||||
|
||||
.faq-question uni-icons {
|
||||
margin-right: 12rpx;
|
||||
margin-right: 18rpx;
|
||||
}
|
||||
|
||||
.faq-answer {
|
||||
font-size: 24rpx;
|
||||
font-size: 36rpx;
|
||||
color: #666666;
|
||||
line-height: 1.6;
|
||||
padding-left: 40rpx;
|
||||
padding-left: 60rpx;
|
||||
}
|
||||
|
||||
/* 温馨提示样式 */
|
||||
.tips-list {
|
||||
margin-top: 16rpx;
|
||||
margin-top: 24rpx;
|
||||
}
|
||||
|
||||
.tip-item {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
margin-bottom: 16rpx;
|
||||
font-size: 24rpx;
|
||||
margin-bottom: 24rpx;
|
||||
font-size: 36rpx;
|
||||
color: #666666;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.tip-icon {
|
||||
margin-right: 12rpx;
|
||||
margin-top: 8rpx;
|
||||
margin-right: 18rpx;
|
||||
margin-top: 12rpx;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
@@ -437,20 +437,20 @@ onLoad(() => {
|
||||
}
|
||||
|
||||
.encourage-content uni-icons {
|
||||
margin-bottom: 16rpx;
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
|
||||
.encourage-text {
|
||||
display: block;
|
||||
font-size: 32rpx;
|
||||
font-size: 48rpx;
|
||||
font-weight: bold;
|
||||
color: #FFFFFF;
|
||||
margin-bottom: 8rpx;
|
||||
margin-bottom: 12rpx;
|
||||
}
|
||||
|
||||
.encourage-subtext {
|
||||
display: block;
|
||||
font-size: 24rpx;
|
||||
font-size: 36rpx;
|
||||
color: rgba(255, 255, 255, 0.9);
|
||||
}
|
||||
</style>
|
||||
@@ -5,7 +5,7 @@
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.salary-info-container {
|
||||
padding: 30rpx;
|
||||
padding: 45rpx;
|
||||
background: #F5F5F5;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user