一体机放大效果开发

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

View File

@@ -212,94 +212,94 @@ function getFormCompletionPercent(form) {
margin-top: -30rpx
}
.content{
padding: 28rpx;
padding: 42rpx;
display: flex;
flex-direction: column;
justify-content: flex-start
height: calc(100% - 120rpx)
height: calc(100% - 180rpx)
}
.content-input
margin-bottom: 52rpx
margin-bottom: 78rpx
.input-titile
font-weight: 400;
font-size: 28rpx;
font-size: 42rpx;
color: #6A6A6A;
.input-con
font-weight: 400;
font-size: 32rpx;
font-size: 48rpx;
color: #333333;
line-height: 80rpx;
height: 80rpx;
border-bottom: 2rpx solid #EBEBEB
line-height: 120rpx;
height: 120rpx;
border-bottom: 3rpx solid #EBEBEB
position: relative;
.triangle::before
position: absolute;
right: 20rpx;
top: calc(50% - 2rpx);
right: 30rpx;
top: calc(50% - 3rpx);
content: '';
width: 4rpx;
height: 18rpx;
border-radius: 2rpx
width: 6rpx;
height: 27rpx;
border-radius: 3rpx
background: #697279;
transform: translate(0, -50%) rotate(-45deg) ;
.triangle::after
position: absolute;
right: 20rpx;
right: 30rpx;
top: 50%;
content: '';
width: 4rpx;
height: 18rpx;
border-radius: 2rpx
width: 6rpx;
height: 27rpx;
border-radius: 3rpx
background: #697279;
transform: rotate(45deg)
.content-sex
height: 110rpx;
height: 165rpx;
display: flex
justify-content: space-between;
align-items: flex-start;
border-bottom: 2rpx solid #EBEBEB
margin-bottom: 52rpx
border-bottom: 3rpx solid #EBEBEB
margin-bottom: 78rpx
.sex-titile
line-height: 80rpx;
line-height: 120rpx;
.sext-ri
display: flex
align-items: center;
.sext-box
height: 76rpx;
width: 152rpx;
height: 114rpx;
width: 228rpx;
text-align: center;
line-height: 80rpx;
border-radius: 12rpx 12rpx 12rpx 12rpx
border: 2rpx solid #E8EAEE;
margin-left: 28rpx
line-height: 120rpx;
border-radius: 18rpx 18rpx 18rpx 18rpx
border: 3rpx solid #E8EAEE;
margin-left: 42rpx
font-weight: 400;
font-size: 28rpx;
font-size: 42rpx;
.sext-boxactive
color: #256BFA
background: rgba(37,107,250,0.1);
border: 2rpx solid #256BFA;
border: 3rpx solid #256BFA;
.next-btn
width: 100%;
height: 90rpx;
height: 135rpx;
background: #256BFA;
border-radius: 12rpx 12rpx 12rpx 12rpx;
border-radius: 18rpx 18rpx 18rpx 18rpx;
font-weight: 500;
font-size: 32rpx;
font-size: 48rpx;
color: #FFFFFF;
text-align: center;
line-height: 90rpx
line-height: 135rpx
.input-nx
position: relative
border-bottom: 2rpx solid #EBEBEB
padding-bottom: 30rpx
border-bottom: 3rpx solid #EBEBEB
padding-bottom: 45rpx
display: flex
flex-wrap: wrap
.nx-item
padding: 20rpx 28rpx
padding: 30rpx 42rpx
width: fit-content
border-radius: 12rpx 12rpx 12rpx 12rpx;
border: 2rpx solid #E8EAEE;
margin-right: 24rpx
margin-top: 24rpx
border-radius: 18rpx 18rpx 18rpx 18rpx;
border: 3rpx solid #E8EAEE;
margin-right: 36rpx
margin-top: 36rpx
</style>