一体机放大效果开发

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

@@ -230,36 +230,36 @@ onUnmounted(() => {
.fixed-header
flex-shrink: 0
background-color: #fff
border-bottom: 2rpx solid #ebebeb
border-bottom: 3rpx solid #ebebeb
.search-box
display: flex
align-items: center
padding: 24rpx
padding: 36rpx
background-color: #fff
.search-input
flex: 1
height: 72rpx
padding: 0 24rpx
height: 108rpx
padding: 0 36rpx
background-color: #f5f5f5
border-radius: 36rpx
font-size: 28rpx
border-radius: 54rpx
font-size: 42rpx
color: #333
.search-icon
margin-left: 24rpx
padding: 16rpx 32rpx
margin-left: 36rpx
padding: 24rpx 48rpx
background-color: #256bfa
color: #fff
border-radius: 36rpx
font-size: 28rpx
border-radius: 54rpx
font-size: 42rpx
.selected-tip
padding: 16rpx 24rpx
padding: 24rpx 36rpx
background-color: #fff3cd
color: #856404
font-size: 24rpx
font-size: 36rpx
text-align: center
.scroll-content
@@ -269,35 +269,35 @@ onUnmounted(() => {
background-color: #fff
.scroll-inner
padding-bottom: 40rpx
padding-bottom: 60rpx
.result-list
background-color: #fff
padding: 0 24rpx
padding: 0 36rpx
.result-item
display: flex
align-items: center
justify-content: space-between
padding: 32rpx 0
border-bottom: 2rpx solid #ebebeb
padding: 48rpx 0
border-bottom: 3rpx solid #ebebeb
.item-content
flex: 1
.item-name
font-size: 32rpx
font-size: 48rpx
color: #333
.item-checkbox
width: 48rpx
height: 48rpx
border: 2rpx solid #ddd
width: 72rpx
height: 72rpx
border: 3rpx solid #ddd
border-radius: 50%
display: flex
align-items: center
justify-content: center
margin-left: 24rpx
margin-left: 36rpx
&.checked
background-color: #256bfa
@@ -305,62 +305,62 @@ onUnmounted(() => {
.check-icon
color: #fff
font-size: 32rpx
font-size: 48rpx
font-weight: bold
.empty-state
display: flex
align-items: center
justify-content: center
min-height: 400rpx
min-height: 600rpx
.empty-text
font-size: 28rpx
font-size: 42rpx
color: #999
.bottom-bar
flex-shrink: 0
background-color: #fff
border-top: 2rpx solid #ebebeb
padding: 24rpx
box-shadow: 0 -4rpx 12rpx rgba(0, 0, 0, 0.05) // 添加阴影,让底部栏更明显
border-top: 3rpx solid #ebebeb
padding: 36rpx
box-shadow: 0 -4rpx 18rpx rgba(0, 0, 0, 0.05) // 添加阴影,让底部栏更明显
.selected-skills
display: flex
flex-wrap: wrap
margin-bottom: 24rpx
min-height: 60rpx
margin-bottom: 36rpx
min-height: 90rpx
.skill-tag
display: inline-flex
align-items: center
padding: 12rpx 24rpx
margin-right: 16rpx
margin-bottom: 16rpx
padding: 18rpx 36rpx
margin-right: 24rpx
margin-bottom: 24rpx
background-color: #e8f4ff
border-radius: 32rpx
border: 2rpx solid #256bfa
border-radius: 48rpx
border: 3rpx solid #256bfa
.tag-text
font-size: 26rpx
font-size: 39rpx
color: #256bfa
margin-right: 12rpx
margin-right: 18rpx
.tag-close
font-size: 32rpx
font-size: 48rpx
color: #256bfa
line-height: 1
cursor: pointer
.action-buttons
display: flex
gap: 24rpx
gap: 36rpx
.btn-cancel, .btn-confirm
flex: 1
height: 88rpx
border-radius: 12rpx
font-size: 32rpx
height: 132rpx
border-radius: 18rpx
font-size: 48rpx
border: none
.btn-cancel