Browse Source

修复筛选时显示骨架屏的问题,筛选时不显示骨架屏

pull/4/head
徐飞洋 2 months ago
parent
commit
e390c1dcee
  1. 4
      pages/index/index.js
  2. 6
      pages/index/index.wxml

4
pages/index/index.js

@ -1414,7 +1414,7 @@ Page({
return // 如果选择的分类和当前相同,不重复加载
}
// 清除缓存并重新加载数据 - 仿照下拉刷新机制
// 清除缓存并重新加载数据 - 筛选时不显示骨架屏,直接显示内容
this.setData({
selectedCategory: category,
searchKeyword: '', // 清除搜索关键词,筛选框优先级更高
@ -1423,7 +1423,7 @@ Page({
hasMoreData: true,
goods: [],
filteredGoods: [],
isLoading: true,
isLoading: false, // 筛选时不显示骨架屏
isRefreshing: true, // 添加下拉刷新状态
// 清除所有缓存以获取最新数据
categoryQueryCache: {},

6
pages/index/index.wxml

@ -104,8 +104,8 @@
</view>
</view>
<!-- 骨架屏加载 -->
<view wx:if="{{isLoading}}" class="skeleton-container">
<!-- 骨架屏加载 - 只在初始加载时显示,筛选时不显示 -->
<view wx:if="{{isLoading && goods.length === 0}}" class="skeleton-container">
<view class="skeleton-grid">
<view class="skeleton-grid-item" wx:for="{{[1,2,3,4,5,6,7,8]}}" wx:key="index">
<view class="skeleton-image"></view>
@ -119,7 +119,7 @@
</view>
<!-- 商品列表区域 -->
<view class="goods-section" wx:if="{{!isLoading && filteredGoods.length > 0}}">
<view class="goods-section" wx:if="{{filteredGoods.length > 0}}">
<scroll-view
class="goods-list"
id="goodsScrollView"

Loading…
Cancel
Save