本帖最后由 玉置 于 2022-12-29 14:46 编辑
业务要求是：wj-tab-panel的tab中的内容会随着时间动态变化。
如果初次表示则先是白色的无数据状态，然后表示出tab中内容。----这个OK。
问题是：再次从其他tab跳转回来后，会先表示一次上次的内容，大概0.5秒后会刷新出最新时间的内容。即有一种闪动的感觉
备注：tab内数据量比较大时该问题现象更明显。机器配置高时，闪动会很快，小于0.5秒，但还是能感觉到闪动。
重现方法：直接修改贵公司官网的demo，只要每次点击tab时该tab数据是有变化的即可重现。
请教：切换回来时，数据完全渲染前怎么保持白色的无内容状态？ 或者不让用户感知到闪动也可以。
代码如下：
- <wj-tab-panel #tabList id="tabList" class="navitab" [isAnimated]="false"
- [(selectedIndex)]="tabIdx"
- (selectedIndexChanged)="changeTab()"
- style="left:10px; top:50px; height:433px; width:1004px; ">
- <div class="panel-div">
- <wj-tab>
- <a id="tab1">tab1</a>
- <div id="div1" >
- <p>这里的div1内容会随着时间变化。如果初次表示则先是白色的无数据状态，然后表示出div1内容。----这个OK。</p>
- <p>问题是再次从其他tab跳转回来后，会先表示一次上次的div1的内容，大概0.5秒后会刷新出最新时间的div1内容。</p>
- <p>请教：切换回来时，数据完全渲染前怎么保持白色的无内容状态？</p>
- </div>
- </wj-tab>
- <wj-tab>
- <a id="tab2">tab2</a>
- <div id="div2" >
- <p>这里的div2内容会随着时间变化。如果初次表示则先是白色的无数据状态，然后表示出div2内容。----这个OK。</p>
- <p>问题是再次从其他tab跳转回来后，会先表示一次上次的div2的内容，大概0.5秒后会刷新出最新时间的div2内容。</p>
- <p>请教：切换回来时，数据完全渲染前怎么保持白色的无内容状态？</p>
- </div>
- </wj-tab>
- </div>
- </wj-tab-panel>
|
|
陕公网安备：61019002000258 |
隐私政策 |
网站地图
