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

6
pages/index/index.wxml

@ -104,8 +104,8 @@
</view> </view>
</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">
<view class="skeleton-grid-item" wx:for="{{[1,2,3,4,5,6,7,8]}}" wx:key="index"> <view class="skeleton-grid-item" wx:for="{{[1,2,3,4,5,6,7,8]}}" wx:key="index">
<view class="skeleton-image"></view> <view class="skeleton-image"></view>
@ -119,7 +119,7 @@
</view> </view>
<!-- 商品列表区域 --> <!-- 商品列表区域 -->
<view class="goods-section" wx:if="{{!isLoading && filteredGoods.length > 0}}"> <view class="goods-section" wx:if="{{filteredGoods.length > 0}}">
<scroll-view <scroll-view
class="goods-list" class="goods-list"
id="goodsScrollView" id="goodsScrollView"

Loading…
Cancel
Save