| | |
| | | })) |
| | | |
| | | const mapSectionStyle = computed(() => ({ |
| | | top: `${navMetrics.value.navHeight}px` |
| | | top: `${navMetrics.value.navHeight}px`, |
| | | bottom: `${TABBAR_RESERVED_HEIGHT + drawerVisibleHeight.value}rpx` |
| | | })) |
| | | |
| | | const mapControlStyle = computed(() => ({ |
| | | bottom: `${TABBAR_RESERVED_HEIGHT + drawerVisibleHeight.value + MAP_CONTROL_GAP}rpx` |
| | | bottom: `${MAP_CONTROL_GAP}rpx` |
| | | })) |
| | | |
| | | function pxToRpx(value) { |
| | |
| | | left: 0; |
| | | background: #e5e7eb; |
| | | overflow: hidden; |
| | | transition: bottom 260ms cubic-bezier(0.22, 1, 0.36, 1); |
| | | } |
| | | |
| | | .map-section__map { |