收藏
回答

使用TDesign组件库的左右滑动(SwipeCell)组件无法正常左右滑动?

模拟器效果:

实机:

无法通过滑动实现展开按钮的功能 请问各位要如何怎么解决这个问题呢?

wxss:

/* pages/admin/class/index.wxss */


.search {
  background-colorvar(--bg-color-demo);
  padding16rpx 32rpx;
}


.btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width120rpx;
  height100%;
  color: white;
}


.favor-btn {
  background-colorvar(--td-brand-color, #0052d9);
}


.delete-btn {
  background-color#e34d59;
}


.body {
  overflow-y:auto !important;
  overflow-x:hidden !important;
  width: max-content;
}

wxml:

<!--pages/admin/class/index.wxml-->
<t-message id="t-message" />


<view class="head">
  <!-- 搜索 -->
  <view class="search">
    <t-search
      value="{{searchValue}}"
      placeholder="搜索班级"
      action="搜索"
      bind:action-click="searchAction"
      bind:change="searchChange"
    />
  </view>
</view>


<scroll-view class="body">
  <!-- <view wx:for="{{classList}}" wx:key="cls_id">
    <t-swipe-cell right="{{right}}" left="{{left}}" id="{{item.cls_id}}" disableed="True" bind:click="onActionClick">
      <t-cell title="{{item.label}}" note="{{item.cls_id}} | {{item.cls_admin}} | {{item.cls_admin_username}}" bordered="{{false}}" t-class="swipe-cell" />
    </t-swipe-cell>   
  </view> -->
  <t-swipe-cell right="{{right}}" left="{{left}}" bind:click="onActionClick">
  <t-cell title="左右滑操作" note="辅助信息" bordered="{{false}}" />
  </t-swipe-cell>
    <!-- 添加按钮 start-->
    <t-fab icon="add" bind:click="addClass" aria-label="增加"></t-fab>
    <!--添加按钮end -->
  <t-divider content="这里是底线" />
</scroll-view>
<view class="footer">
  <t-footer text="Copyright © 2024-2042 Hui_. All Rights Reserved."></t-footer>
</view>
回答关注问题邀请回答
收藏

3 个回答

  • 社区技术运营专员--许涛
    社区技术运营专员--许涛
    07-22

    你好,麻烦提供出现问题的具体机型、微信版本号、系统版本号,以及能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)

    07-22
    有用
    回复
  • 周瑞强
    周瑞强
    11-12

    这个组件没有兼容 glass-easel 框架,需要移除相关配置

    11-12
    有用
    回复
  • Hui_
    Hui_
    07-18

    07-18
    有用
    回复 2
    • 假富有
      假富有
      07-30
      解决了么?
      07-30
      回复
    • 黄长青
      黄长青
      10-10
      app.json中去掉lazyCodeLoading试试
      10-10
      回复
登录 后发表内容