-
Notifications
You must be signed in to change notification settings - Fork 259
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
Comments
👋 @michaellee123,感谢给 TDesign 提出了 issue。 |
@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的代码, <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> |
tdesign-miniprogram 版本
能
重现链接
No response
重现步骤
No response
期望结果
No response
实际结果
No response
基础库版本
No response
补充说明
No response
The text was updated successfully, but these errors were encountered: