[fab] skyline模式下和scroll-view不兼容

Kenjiang110 commented 3 months ago

tdesign-miniprogram 版本

1.4.2

重现链接

No response

重现步骤

skyline模式：

<scroll-view
    class="complex-list"
    scroll-y
    type="custom"
    bind:scrolltoupper="onScrollToUpper"
    bind:scrolltolower="onScrollToLower"
>
    <grid-builder list="{{complexList}}" childCount="{{complexList.length}}" bind:itemdispose="onItemDispose">
        <complex-card
            slot:item
            slot:index
            data-idx="{{index}}"
            class="item"
            complex="{{item}}"
            bind:favor="changeFavor"
            bind:click="complexClick"
        />
    </grid-builder>
</scroll-view>
<t-fab
  icon="gesture-press"
  text="拖我"
  bind:click="handleClick"
  bind:move="handleMove"
  aria-label="增加"
  usingCustomNavbar
  draggable
></t-fab>

期望结果

正常运行

实际结果

小程序崩溃退出，包括开发工具中和手机预览。

基础库版本

No response

补充说明

No response

github-actions[bot] commented 3 months ago

👋 @Kenjiang110，感谢给 TDesign 提出了 issue。请根据 issue 模版确保背景信息的完善，我们将调查并尽快回复你。

anlyyao commented 3 months ago

@Kenjiang110 你试试把 fab 组件中 TButton的 box-shadow 样式设置为 none

box-shadow: none;

anlyyao commented 3 months ago

实际上，这是个已经问题，因为skyline还不支持多层阴影，预计官网下个版本会支持。如果你这边着急使用/测试，可以按照上面的方案进行处理～

Kenjiang110 commented 3 months ago

<t-fab style="--td-fab-shadow: none" icon="add" aria-label="注册" usingCustomNavbar draggable bind:click="toAddComplex" /> 确实可以。

@.***

发件人： Y. 发送时间： 2024-06-17 10:21 收件人： Tencent/tdesign-miniprogram 抄送： Kenjiang110; Mention 主题： Re: [Tencent/tdesign-miniprogram] [fab] skyline模式下和scroll-view不兼容 (Issue #2865) @Kenjiang110 你试试把 fab 组件中 TButton的 box-shadow 样式设置为 none box-shadow: none; — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you were mentioned.Message ID: @.***>

Tencent / tdesign-miniprogram