The .card-siblings wrapper lives inside <scroll-view v-else>, so when viewMode flips to 'expanded' the wrapper is destroyed and the siblingFadeOpacity binding has no element to animate. Up-pull therefore shows nothing fading in even though the computed correctly returns 0 -> 1. Add a top-level overlay that mirrors the same four modules (card-meta-row, info-row, creator-section, chain-section) and binds its opacity to siblingFadeOpacity. The overlay is rendered only when viewMode === 'expanded', positioned fixed at the bottom with z-index 60 (above the expanded card at 50, below the header at 100), and uses pointer-events: none on the wrapper so the up-pull gesture from the lower viewport can still reach .pull-collapse-surface; interactive children re-enable pointer-events: auto. The original .card-siblings inside <scroll-view> is untouched and still drives the down-pull fade-out. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com> |
||
|---|---|---|
| .. | ||
| components | ||
| composables | ||
| config | ||
| hybrid/html | ||
| pages | ||
| static | ||
| store | ||
| uni_modules | ||
| uniCloud-alipay | ||
| utils | ||
| .env.development | ||
| .env.production | ||
| .gitignore | ||
| App.vue | ||
| index.html | ||
| main.js | ||
| manifest.json | ||
| oss-upload-test(1).html | ||
| package.json | ||
| pages.json | ||
| RANKING_API_SPECIFICATION.md | ||
| uni.promisify.adaptor.js | ||
| uni.scss | ||