Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Tabs] 1.3.0版本 #1862 和 #1915 的问题依然存在,退回不知道什么版本就好了 #2727

Open
michaellee123 opened this issue Apr 25, 2024 · 6 comments
Labels
need confirm need confirm

Comments

@michaellee123
Copy link

tdesign-miniprogram 版本

重现链接

No response

重现步骤

No response

期望结果

No response

实际结果

No response

基础库版本

No response

补充说明

No response

Copy link
Contributor

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

@michaellee123
Copy link
Author

#1862#1915

@anlyyao
Copy link
Collaborator

anlyyao commented Apr 26, 2024

@michaellee123 感谢反馈,我确认一下问题哈

@anlyyao anlyyao added the need confirm need confirm label Apr 26, 2024
@michaellee123
Copy link
Author

@michaellee123 感谢反馈,我确认一下问题哈

我这边界面有这些内容:一个scroll view,然后有一个固定的按钮,按钮属性,position:fixed,固定在底部,后来我也试过position:absolute,一共三个tab,切换的时候,scroll view显示没问题,按钮会重复出现。

@anlyyao
Copy link
Collaborator

anlyyao commented Apr 29, 2024

@michaellee123 感谢反馈,我确认一下问题哈

我这边界面有这些内容:一个scroll view,然后有一个固定的按钮,按钮属性,position:fixed,固定在底部,后来我也试过position:absolute,一共三个tab,切换的时候,scroll view显示没问题,按钮会重复出现。

方便贴一下你的代码片段吗?

@michaellee123
Copy link
Author

@michaellee123 感谢反馈,我确认一下问题哈

我这边界面有这些内容:一个scroll view,然后有一个固定的按钮,按钮属性,position:fixed,固定在底部,后来我也试过position:absolute,一共三个tab,切换的时候,scroll view显示没问题,按钮会重复出现。

方便贴一下你的代码片段吗?

<t-tabs defaultValue="{{tabIndex}}" theme="card" style="--td-tab-item-active-color:#d60b0b;--td-tab-item-color:#666;--td-tab-item-height:72rpx;" t-class-item="test">

  <t-tab-panel label="原片" value="0" style="height: calc(100vh - 72rpx);">
    <raw bind:onPullDownRefresh="onPullDownRefresh" refreshValue="{{refreshValue}}" data="{{data}}" />
  </t-tab-panel>
  <t-tab-panel label="精修预选" value="1" style="height: calc(100vh - 72rpx);">
    <ps bind:onPullDownRefresh="onPullDownRefresh" refreshValue="{{refreshValue}}" data="{{data}}" />
  </t-tab-panel>
  <t-tab-panel label="已购" value="2" style="height: calc(100vh - 72rpx);">
    <buy bind:onPullDownRefresh="onPullDownRefresh" refreshValue="{{refreshValue}}" data="{{data}}" />
  </t-tab-panel>
</t-tabs>
Page({
  data: {
    tabIndex: 1,
    refreshValue: false
  }
...
})

然后下面是其中一个tab的代码,raw.wxml

<wxs module="_">
  module.exports.contain = function (arr, key) { return arr.indexOf(key) > -1 } 
</wxs>

<t-checkbox-group value="{{checkValue}}" bind:change="onChange" style="width: 100%;height: 100%;">
  <view style="display: flex;align-items: center; height: 96rpx;">
    <t-checkbox block="{{true}}" label="全选" check-all="{{true}}" style="--td-checkbox-bg-color:#00000000;--td-checkbox-icon-checked-color:#d60b0b;padding-left: 32rpx;padding-right: 16rpx;--td-checkbox-vertical-padding:0rpx;" borderless="{{true}}" placement="left" />
    <view wx:if="{{data.filmPhotos}}">共{{data.filmPhotos.length}}张</view>
    <t-button theme="primary" variant="text" size="small" style="margin-left:auto;margin-right: 10rpx;" bind:tap="customerService">联系客服</t-button>
  </view>
  <scroll-view style="height: calc(100% - 72rpx);padding-top: 10rpx;" refresher-triggered="{{refreshValue}}" scroll-y="true" refresher-enabled="true" bindrefresherrefresh="onPullDownRefresh">
    <grid-view type="aligned" cross-axis-count="2">

      <view wx:for="{{data.filmPhotos}}" wx:key="serialNo" style="border-radius: 20rpx;height: 320rpx;width: calc(100% - 40rpx);margin-bottom: 16rpx; {{index%2==0?'margin-left:32rpx;margin-right:8rpx;':'margin-left:8rpx;margin-right:32rpx;'}}" class="card {{_.contain(checkValue, index) ? 'card--active' : checkValue.indexOf(index)}}">

        <view style="width: 100%;height: 100%;display: flex;">
          <t-image mode="aspectFill" style="height: 100%; width: 100%;" bind:tap="imagePreview" data-index="{{index}}" src="{{item.photoUrl.thumbUrl}}"></t-image>
          <t-checkbox block="{{false}}" value="{{index}}" label="" style="position: absolute; right: 0rpx; --td-checkbox-bg-color:#00000000;--td-checkbox-icon-checked-color:#d60b0b;padding: 16rpx;" borderless="{{true}}" placement="right" />

        </view>

      </view>
    </grid-view>
    <view style="height: 300rpx;"></view>
  </scroll-view>
<!-- 出问题的部分在这里,切换tab之后,上面的scrollview切换了,但是下面这两个按钮依然存在,我换到低版本之后就没有这个问题 -->
  <view style="position: fixed;bottom: 0;width: auto;right: 0rpx;left: 0rpx;bottom: 0rpx; padding: 16rpx 50rpx;background-color: #ffffffce;">
    <t-button block class="t-button-blue" bind:tap="toHelp">查看教程</t-button>
    <view style="height: 10rpx;"></view>
    <t-button block class="t-button-main" bind:tap="downloadSelected">下载选中的原片</t-button>
    <view style="font-size: 20rpx;color: #666;text-align: center;line-height: 48rpx;">为保障您的浏览体验,预览图像质量有所下降,下载后为原始质量</view>
  </view>
</t-checkbox-group>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
need confirm need confirm
Projects
None yet
Development

No branches or pull requests

2 participants