一体机放大效果开发
This commit is contained in:
@@ -105,54 +105,54 @@ const viewExampleResume = () => {
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.resume-guide-container {
|
||||
padding: 32rpx;
|
||||
padding: 48rpx;
|
||||
background: #FFFFFF;
|
||||
min-height: 100vh;
|
||||
}
|
||||
|
||||
.page-header {
|
||||
text-align: center;
|
||||
margin-bottom: 28rpx;
|
||||
padding: 12rpx 0;
|
||||
margin-bottom: 42rpx;
|
||||
padding: 18rpx 0;
|
||||
|
||||
.page-title {
|
||||
font-size: 40rpx;
|
||||
font-size: 60rpx;
|
||||
font-weight: 600;
|
||||
color: #1A1A1A;
|
||||
margin-bottom: 16rpx;
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
|
||||
.page-subtitle {
|
||||
font-size: 28rpx;
|
||||
font-size: 42rpx;
|
||||
color: #666666;
|
||||
}
|
||||
}
|
||||
|
||||
.guide-section {
|
||||
background: #FFFFFF;
|
||||
border-radius: 12rpx;
|
||||
padding: 32rpx 0;
|
||||
margin-bottom: 24rpx;
|
||||
border: 1rpx solid #F0F0F0;
|
||||
border-radius: 18rpx;
|
||||
padding: 48rpx 0;
|
||||
margin-bottom: 36rpx;
|
||||
border: 2rpx solid #F0F0F0;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
font-size: 32rpx;
|
||||
font-size: 48rpx;
|
||||
font-weight: 600;
|
||||
color: #1A1A1A;
|
||||
margin-bottom: 24rpx;
|
||||
padding-bottom: 16rpx;
|
||||
border-bottom: 1rpx solid #F0F0F0;
|
||||
padding-left: 20rpx;
|
||||
margin-bottom: 36rpx;
|
||||
padding-bottom: 24rpx;
|
||||
border-bottom: 2rpx solid #F0F0F0;
|
||||
padding-left: 30rpx;
|
||||
}
|
||||
|
||||
.steps-list {
|
||||
.step-card {
|
||||
background: #FFFFFF;
|
||||
// border-radius: 8rpx;
|
||||
padding: 24rpx;
|
||||
border-bottom: 1rpx solid #F0F0F0;
|
||||
margin-bottom: 20rpx;
|
||||
// border-radius: 12rpx;
|
||||
padding: 36rpx;
|
||||
border-bottom: 2rpx solid #F0F0F0;
|
||||
margin-bottom: 30rpx;
|
||||
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
@@ -161,27 +161,27 @@ const viewExampleResume = () => {
|
||||
.step-header {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 12rpx;
|
||||
margin-bottom: 18rpx;
|
||||
|
||||
.step-number {
|
||||
font-size: 24rpx;
|
||||
font-size: 36rpx;
|
||||
font-weight: 600;
|
||||
color: #1A1A1A;
|
||||
margin-right: 16rpx;
|
||||
margin-right: 24rpx;
|
||||
background: #F5F5F5;
|
||||
padding: 4rpx 12rpx;
|
||||
border-radius: 4rpx;
|
||||
padding: 6rpx 18rpx;
|
||||
border-radius: 6rpx;
|
||||
}
|
||||
|
||||
.step-title {
|
||||
font-size: 28rpx;
|
||||
font-size: 42rpx;
|
||||
font-weight: 600;
|
||||
color: #1A1A1A;
|
||||
}
|
||||
}
|
||||
|
||||
.step-desc {
|
||||
font-size: 24rpx;
|
||||
font-size: 36rpx;
|
||||
color: #666666;
|
||||
line-height: 1.4;
|
||||
}
|
||||
@@ -192,8 +192,8 @@ const viewExampleResume = () => {
|
||||
.tip-item, .warning-item {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
margin-bottom: 24rpx;
|
||||
padding:0 20rpx;
|
||||
margin-bottom: 36rpx;
|
||||
padding:0 30rpx;
|
||||
&:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
@@ -205,14 +205,14 @@ const viewExampleResume = () => {
|
||||
flex: 1;
|
||||
|
||||
.tip-title, .warning-title {
|
||||
font-size: 28rpx;
|
||||
font-size: 42rpx;
|
||||
font-weight: 600;
|
||||
color: #1A1A1A;
|
||||
margin-bottom: 8rpx;
|
||||
margin-bottom: 12rpx;
|
||||
}
|
||||
|
||||
.tip-desc, .warning-desc {
|
||||
font-size: 24rpx;
|
||||
font-size: 36rpx;
|
||||
color: #666666;
|
||||
line-height: 1.5;
|
||||
}
|
||||
@@ -220,17 +220,17 @@ const viewExampleResume = () => {
|
||||
}
|
||||
|
||||
.action-buttons {
|
||||
margin-top: 40rpx;
|
||||
padding: 0 20rpx;
|
||||
margin-top: 60rpx;
|
||||
padding: 0 30rpx;
|
||||
|
||||
.primary-button, .secondary-button {
|
||||
height: 88rpx;
|
||||
border-radius: 8rpx;
|
||||
height: 132rpx;
|
||||
border-radius: 12rpx;
|
||||
text-align: center;
|
||||
line-height: 88rpx;
|
||||
font-size: 30rpx;
|
||||
line-height: 132rpx;
|
||||
font-size: 45rpx;
|
||||
font-weight: 500;
|
||||
margin-bottom: 20rpx;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
|
||||
.primary-button {
|
||||
@@ -241,7 +241,7 @@ const viewExampleResume = () => {
|
||||
.secondary-button {
|
||||
background: #FFFFFF;
|
||||
color: #1A1A1A;
|
||||
border: 1rpx solid #D9D9D9;
|
||||
border: 2rpx solid #D9D9D9;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user