一体机放大效果开发

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

@@ -629,36 +629,36 @@ const onMarkerTap = (e) => {
.search-box
position: absolute
top: 20rpx
left: 32rpx
right: 32rpx
top: 30rpx
left: 48rpx
right: 48rpx
z-index: 10
.search-input-wrapper
background: #fff
border-radius: 40rpx
padding: 20rpx 30rpx
border-radius: 60rpx
padding: 30rpx 45rpx
display: flex
align-items: center
box-shadow: 0 4rpx 12rpx rgba(0,0,0,0.1)
box-shadow: 0 6rpx 18rpx rgba(0,0,0,0.1)
.search-input
flex: 1
margin: 0 20rpx
font-size: 28rpx
margin: 0 30rpx
font-size: 42rpx
uni-icons
flex-shrink: 0
.search-results
position: absolute
top: 100rpx
left: 32rpx
right: 32rpx
bottom: 180rpx
top: 150rpx
left: 48rpx
right: 48rpx
bottom: 270rpx
background: #fff
border-radius: 20rpx
box-shadow: 0 4rpx 12rpx rgba(0,0,0,0.1)
border-radius: 30rpx
box-shadow: 0 6rpx 18rpx rgba(0,0,0,0.1)
z-index: 9
overflow: hidden
@@ -666,20 +666,20 @@ const onMarkerTap = (e) => {
height: 100%
.result-item
padding: 30rpx
border-bottom: 1rpx solid #f0f0f0
padding: 45rpx
border-bottom: 2rpx solid #f0f0f0
&:active
background: #f5f5f5
.result-name
font-size: 32rpx
font-size: 48rpx
color: #333
font-weight: 500
margin-bottom: 10rpx
margin-bottom: 15rpx
.result-address
font-size: 26rpx
font-size: 39rpx
color: #999
.empty-results
@@ -689,37 +689,37 @@ const onMarkerTap = (e) => {
align-items: center
justify-content: center
color: #999
font-size: 28rpx
font-size: 42rpx
.loading-icon
animation: rotate 1s linear infinite
margin-bottom: 20rpx
margin-bottom: 30rpx
uni-icons
margin-bottom: 20rpx
margin-bottom: 30rpx
text
padding: 0 60rpx
padding: 0 90rpx
text-align: center
line-height: 1.5
.search-tips
margin-top: 40rpx
padding: 0 40rpx
margin-top: 60rpx
padding: 0 60rpx
.tip-title
font-size: 26rpx
font-size: 39rpx
color: #666
font-weight: 500
margin-bottom: 20rpx
margin-bottom: 30rpx
display: block
.tip-item
font-size: 24rpx
font-size: 36rpx
color: #999
line-height: 1.8
display: block
margin-bottom: 8rpx
margin-bottom: 12rpx
@keyframes rotate
from
@@ -743,33 +743,33 @@ const onMarkerTap = (e) => {
z-index: 5
.marker-icon
width: 60rpx
height: 80rpx
width: 90rpx
height: 120rpx
.location-info
position: absolute
bottom: 180rpx
left: 32rpx
right: 32rpx
bottom: 270rpx
left: 48rpx
right: 48rpx
background: #fff
border-radius: 20rpx
padding: 30rpx
box-shadow: 0 -4rpx 12rpx rgba(0,0,0,0.1)
border-radius: 30rpx
padding: 45rpx
box-shadow: 0 -4rpx 18rpx rgba(0,0,0,0.1)
z-index: 10
.info-title
font-size: 24rpx
font-size: 36rpx
color: #999
margin-bottom: 10rpx
margin-bottom: 15rpx
.info-name
font-size: 32rpx
font-size: 48rpx
color: #333
font-weight: 500
margin-bottom: 10rpx
margin-bottom: 15rpx
.info-address
font-size: 28rpx
font-size: 42rpx
color: #666
.bottom-actions
@@ -778,23 +778,23 @@ const onMarkerTap = (e) => {
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)
z-index: 11
.locate-btn
width: 120rpx
height: 80rpx
width: 180rpx
height: 120rpx
background: #fff
border: 2rpx solid #256BFA
border-radius: 40rpx
border: 3rpx solid #256BFA
border-radius: 60rpx
display: flex
flex-direction: column
align-items: center
justify-content: center
font-size: 24rpx
font-size: 36rpx
color: #256BFA
&:disabled
@@ -803,15 +803,15 @@ const onMarkerTap = (e) => {
border-color: #999
text
margin-top: 4rpx
margin-top: 6rpx
.confirm-btn
flex: 1
height: 80rpx
height: 120rpx
background: #256BFA
color: #fff
border-radius: 40rpx
font-size: 32rpx
border-radius: 60rpx
font-size: 48rpx
border: none
button::after