四个问题:
1.使用draggable-sheet拖拽到底部后再往上拖拽就会显露出最底部的内容
2.是如果设置了吸顶,并且没有设置背景,滚动容器滚动到顶部会回显露出来,设置padding没用
3.横向滚动高度没有被撑开,使用了官方了方法没用
<draggable-sheet class="sheet" style="height: {{sheetHeight}}px;" initial-child-size="{{minSize}}" min-child-size="{{minSize}}" max-child-size="{{maxSize}}" snap="{{true}}" snap-sizes="{{[0.4, 0.6]}}" worklet:onsizeupdate="onSizeUpdate">
<scroll-view associative-container="draggable-sheet" type="custom" scroll-y class="scrollable" show-scrollbar="{{false}}">
<sticky-section>
<sticky-header>
<view class="flex-horizontal-between padding-page">
<!-- 路线 -->
<custom-button background="transparent" iconSrc="{{themeMode=='light'?'../../images/icons/normal/trajectory.svg':'../../images/icons/normal/dark/trajectory_dark.svg'}}" bind:tap="set"></custom-button>
<view class="flex-horizontal-right">
<!-- 回到我的位置 -->
<custom-button background="transparent" iconSrc=" {{themeMode=='light'?'../../images/icons/normal/qrcode.svg':'../../images/icons/normal/dark/qrcode_dark.svg'}}" bind:tap="showNavigation"></custom-button>
<!-- 二维码 -->
<custom-button background="transparent" iconSrc="{{themeMode=='light'?'../../images/icons/normal/qrcode.svg':'../../images/icons/normal/dark/qrcode_dark.svg'}}" bind:tap="qrcode"></custom-button>
<!-- 电话 -->
<custom-button wx:if="{{role != 0}}" background="transparent" iconSrc="{{themeMode=='light'?'../../images/icons/normal/phone.svg':'../../images/icons/normal/dark/phone_dark.svg'}}" bind:tap="showPhoneList2"></custom-button>
<!-- 私信 -->
<custom-button wx:if="{{role != 0}}" background="transparent" iconSrc="{{themeMode=='light'?'../../images/icons/normal/message.svg':'../../images/icons/normal/dark/message_dark.svg'}}" bind:tap="chat"></custom-button>
<!-- 设置入口 -->
<custom-button wx:if="{{role == 0}}" background="transparent" iconSrc="{{themeMode=='light'?'../../images/icons/normal/set.svg':'../../images/icons/normal/dark/set_dark.svg'}}" catch:tap="set" hover-stay-time="0"></custom-button>
</view>
</view>
<!-- 分隔标识 -->
<view class="bg-white spacing-list panel-radius">
<view class="section-divider radius"></view>
</view>
<!-- 选项卡 -->
<view class="flex-horizontal-left bg-white padding-page padding-page-bottom">
<view class="list-between {{titleTab=='0'?'text-big':'text-describe color-secondary-text'}}" catchtap="switchTab" data-index="0">概览</view>
<view class="{{titleTab=='1'?'text-big':'text-describe color-secondary-text'}}" catchtap="switchTab" data-index="1">公告</view>
</view>
</sticky-header>
<view class="padding-page bg-white">
<!-- 头像 / 名称 -->
<view class="flex-start-between spacing-normal">
<view>
<view class="spacing-list-desc spacing-normal">{{details.name}}</view>
<view class="radius line padding-page-small text-describe {{details.status?'border-color-accent color-accent':'border-color color-secondary-text'}}">{{details.status?'营业中':'休息中'}}</view>
</view>
<!-- 加入状态 -->
<view wx:if="{{role!=0}}" class="radius padding-page padding-normal-top {{!role?'bg-theme':'fill-color'}} " style="min-width:100rpx" bind:tap="primary">{{!role?"加入":"已加入"}}</view>
</view>
<!-- 位置 -->
<view class="color-secondary-text text-describe spacing-normal">{{details.location.address || details.location.name || '未设置位置'}}</view>
<scroll-view class="tab-container spacing-normal" enable-flex scroll-x show-scrollbar="{{false}}" style="display: flex; flex-direction: row;">
<block wx:for="{{tabs}}" wx:key="tab" style="flex-shrink:0">
<view class="radius tab-item {{currentTab === index ? 'bg-theme color-button-text' : ''}}" bindtap="changeTab" data-index="{{index}}">
<view>{{item.day}}</view>
<view>{{item.month}}月</view>
<view>{{item.weekday}}</view>
</view>
</block>
</scroll-view>
4.使用了skyline后,字体明显不对了
ide用的最新版本:1.06.24
基础库是3.8.3
真机是ios18.2