一体机放大效果开发
This commit is contained in:
@@ -822,33 +822,33 @@ defineExpose({
|
||||
.company-info-container
|
||||
min-height: 100vh
|
||||
background: #f5f5f5
|
||||
padding-bottom: 120rpx
|
||||
padding-bottom: 180rpx
|
||||
|
||||
.header-info
|
||||
background: #fff
|
||||
padding: 40rpx 32rpx
|
||||
padding: 60rpx 48rpx
|
||||
display: flex
|
||||
justify-content: space-between
|
||||
align-items: center
|
||||
margin-bottom: 20rpx
|
||||
margin-bottom: 30rpx
|
||||
|
||||
.progress-text
|
||||
font-size: 32rpx
|
||||
font-size: 48rpx
|
||||
color: #000000
|
||||
font-weight: 500
|
||||
|
||||
.progress-value
|
||||
font-size: 32rpx
|
||||
font-size: 48rpx
|
||||
color: #256BFA
|
||||
font-weight: 600
|
||||
|
||||
.form-content
|
||||
background: #fff
|
||||
margin-bottom: 20rpx
|
||||
margin-bottom: 30rpx
|
||||
|
||||
.form-item
|
||||
padding: 32rpx
|
||||
border-bottom: 1rpx solid #f0f0f0
|
||||
padding: 48rpx
|
||||
border-bottom: 2rpx solid #f0f0f0
|
||||
display: flex
|
||||
justify-content: space-between
|
||||
align-items: center
|
||||
@@ -860,36 +860,36 @@ defineExpose({
|
||||
cursor: pointer
|
||||
|
||||
.label
|
||||
font-size: 28rpx
|
||||
font-size: 42rpx
|
||||
color: #000000
|
||||
min-width: 200rpx
|
||||
min-width: 300rpx
|
||||
|
||||
.input-field
|
||||
flex: 1
|
||||
font-size: 28rpx
|
||||
font-size: 42rpx
|
||||
color: #333
|
||||
text-align: right
|
||||
line-height: 1.4
|
||||
|
||||
&::placeholder
|
||||
color: #999
|
||||
font-size: 28rpx
|
||||
font-size: 42rpx
|
||||
line-height: 1.4
|
||||
|
||||
.input-with-button
|
||||
flex: 1
|
||||
display: flex
|
||||
align-items: center
|
||||
gap: 16rpx
|
||||
gap: 24rpx
|
||||
|
||||
.query-button
|
||||
padding: 8rpx 16rpx
|
||||
padding: 12rpx 24rpx
|
||||
background: #256BFA
|
||||
color: #fff
|
||||
font-size: 20rpx
|
||||
border-radius: 6rpx
|
||||
font-size: 30rpx
|
||||
border-radius: 9rpx
|
||||
border: none
|
||||
min-width: 100rpx
|
||||
min-width: 150rpx
|
||||
text-align: center
|
||||
|
||||
&:active
|
||||
@@ -897,7 +897,7 @@ defineExpose({
|
||||
|
||||
.input-con
|
||||
flex: 1
|
||||
font-size: 28rpx
|
||||
font-size: 42rpx
|
||||
color: #333
|
||||
text-align: right
|
||||
background: transparent
|
||||
@@ -907,7 +907,7 @@ defineExpose({
|
||||
|
||||
&::placeholder
|
||||
color: #999
|
||||
font-size: 28rpx
|
||||
font-size: 42rpx
|
||||
line-height: 1.4
|
||||
|
||||
.input-content
|
||||
@@ -917,46 +917,46 @@ defineExpose({
|
||||
align-items: center
|
||||
|
||||
.input-text
|
||||
font-size: 28rpx
|
||||
font-size: 42rpx
|
||||
color: #333
|
||||
flex: 1
|
||||
text-align: right
|
||||
|
||||
&.placeholder
|
||||
color: #999
|
||||
font-size: 28rpx
|
||||
font-size: 42rpx
|
||||
line-height: 1.4
|
||||
|
||||
&.intro-text
|
||||
max-height: 160rpx
|
||||
max-height: 240rpx
|
||||
overflow: hidden
|
||||
line-height: 1.4
|
||||
text-align: right
|
||||
|
||||
.contact-section
|
||||
margin-top: 20rpx
|
||||
margin-top: 30rpx
|
||||
|
||||
.section-title
|
||||
padding: 32rpx
|
||||
font-size: 32rpx
|
||||
padding: 48rpx
|
||||
font-size: 48rpx
|
||||
color: #333
|
||||
font-weight: 500
|
||||
background: #fff
|
||||
border-bottom: 1rpx solid #f0f0f0
|
||||
border-bottom: 2rpx solid #f0f0f0
|
||||
|
||||
.contact-group
|
||||
background: #fff
|
||||
margin-bottom: 20rpx
|
||||
border-radius: 16rpx
|
||||
margin-bottom: 30rpx
|
||||
border-radius: 24rpx
|
||||
overflow: hidden
|
||||
|
||||
.group-header
|
||||
padding: 24rpx 32rpx
|
||||
font-size: 28rpx
|
||||
padding: 36rpx 48rpx
|
||||
font-size: 42rpx
|
||||
color: #000000
|
||||
background: #f8f9fa
|
||||
font-weight: 500
|
||||
border-bottom: 1rpx solid #e8e8e8
|
||||
border-bottom: 2rpx solid #e8e8e8
|
||||
display: flex
|
||||
justify-content: space-between
|
||||
align-items: center
|
||||
@@ -964,35 +964,35 @@ defineExpose({
|
||||
.delete-btn
|
||||
display: flex
|
||||
align-items: center
|
||||
padding: 8rpx 16rpx
|
||||
padding: 12rpx 24rpx
|
||||
background: #fff5f5
|
||||
border: 1rpx solid #ff4757
|
||||
border-radius: 8rpx
|
||||
border: 2rpx solid #ff4757
|
||||
border-radius: 12rpx
|
||||
cursor: pointer
|
||||
|
||||
.delete-text
|
||||
margin-left: 8rpx
|
||||
font-size: 24rpx
|
||||
margin-left: 12rpx
|
||||
font-size: 36rpx
|
||||
color: #ff4757
|
||||
|
||||
.form-item
|
||||
border-bottom: 1rpx solid #f0f0f0
|
||||
border-bottom: 2rpx solid #f0f0f0
|
||||
|
||||
&:last-child
|
||||
border-bottom: none
|
||||
|
||||
.add-contact-btn
|
||||
padding: 32rpx
|
||||
padding: 48rpx
|
||||
display: flex
|
||||
align-items: center
|
||||
justify-content: center
|
||||
color: #256BFA
|
||||
font-size: 28rpx
|
||||
font-size: 42rpx
|
||||
background: #fff
|
||||
border-top: 1rpx solid #f0f0f0
|
||||
border-top: 2rpx solid #f0f0f0
|
||||
|
||||
text
|
||||
margin-left: 12rpx
|
||||
margin-left: 18rpx
|
||||
|
||||
.bottom-actions
|
||||
position: fixed
|
||||
@@ -1001,16 +1001,16 @@ defineExpose({
|
||||
left: 0
|
||||
right: 0
|
||||
background: #fff
|
||||
padding: 20rpx 32rpx
|
||||
padding: 30rpx 48rpx
|
||||
display: flex
|
||||
gap: 20rpx
|
||||
box-shadow: 0 -2rpx 10rpx rgba(0,0,0,0.1)
|
||||
gap: 30rpx
|
||||
box-shadow: 0 -2rpx 15rpx rgba(0,0,0,0.1)
|
||||
|
||||
.cancel-btn, .confirm-btn
|
||||
flex: 1
|
||||
height: 80rpx
|
||||
border-radius: 40rpx
|
||||
font-size: 32rpx
|
||||
height: 120rpx
|
||||
border-radius: 60rpx
|
||||
font-size: 48rpx
|
||||
border: none
|
||||
|
||||
.cancel-btn
|
||||
@@ -1023,39 +1023,39 @@ defineExpose({
|
||||
|
||||
// 弹窗样式
|
||||
.popup-content
|
||||
width: 600rpx
|
||||
width: 900rpx
|
||||
background: #fff
|
||||
border-radius: 20rpx
|
||||
padding: 40rpx
|
||||
border-radius: 30rpx
|
||||
padding: 60rpx
|
||||
|
||||
.popup-title
|
||||
font-size: 36rpx
|
||||
font-size: 54rpx
|
||||
color: #333
|
||||
font-weight: 500
|
||||
margin-bottom: 30rpx
|
||||
margin-bottom: 45rpx
|
||||
text-align: center
|
||||
|
||||
.popup-input, .popup-textarea
|
||||
width: 100%
|
||||
padding: 20rpx
|
||||
border: 1rpx solid #e0e0e0
|
||||
border-radius: 10rpx
|
||||
font-size: 28rpx
|
||||
margin-bottom: 30rpx
|
||||
padding: 30rpx
|
||||
border: 2rpx solid #e0e0e0
|
||||
border-radius: 15rpx
|
||||
font-size: 42rpx
|
||||
margin-bottom: 45rpx
|
||||
box-sizing: border-box
|
||||
text-align: center
|
||||
|
||||
.popup-textarea
|
||||
height: 200rpx
|
||||
height: 300rpx
|
||||
|
||||
.popup-actions
|
||||
display: flex
|
||||
gap: 20rpx
|
||||
gap: 30rpx
|
||||
.popup-cancel, .popup-confirm
|
||||
flex: 1
|
||||
height: 70rpx
|
||||
border-radius: 35rpx
|
||||
font-size: 28rpx
|
||||
height: 105rpx
|
||||
border-radius: 53rpx
|
||||
font-size: 42rpx
|
||||
border: none
|
||||
|
||||
.popup-cancel
|
||||
|
||||
Reference in New Issue
Block a user