收藏
回答

draggable-sheet拖拽后会透底?

四个问题:

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

回答关注问题邀请回答
收藏
登录 后发表内容