Commit 5ddbedc7 by liangjianmin

refactor: 优化骨架屏的key属性设置

- 修改多个页面的骨架屏组件,更新v-for循环中的:key属性,使用索引i作为唯一标识,提升渲染性能和可读性
- 确保在骨架屏加载时,组件的key属性不再使用字符串拼接,避免潜在的渲染问题
parent 1d5f4265
......@@ -25,7 +25,7 @@
</view>
<!-- 骨架屏 -->
<view class="list row bothSide" v-if="loading && list.length === 0">
<view class="box skeleton-box" v-for="i in 4" :key="'skeleton-' + i">
<view class="box skeleton-box" v-for="i in 4" :key="i">
<view class="skeleton-item" style="width: 65%; height: 32rpx; margin-bottom: 20rpx;"></view>
<view class="skeleton-item" style="width: 50%; height: 32rpx; margin-bottom: 20rpx;"></view>
<view class="skeleton-item" style="width: 55%; height: 32rpx; margin-bottom: 20rpx;"></view>
......
......@@ -35,7 +35,7 @@
</view>
<!-- 骨架屏 -->
<view class="list row bothSide" v-if="loading && list.length === 0">
<view class="box box-width skeleton-box" v-for="i in 4" :key="'skeleton-' + i">
<view class="box box-width skeleton-box" v-for="i in 4" :key="i">
<view class="skeleton-item" style="width: 70%; height: 32rpx; margin-bottom: 20rpx;"></view>
<view class="skeleton-item" style="width: 50%; height: 32rpx; margin-bottom: 20rpx;"></view>
<view class="skeleton-item" style="width: 60%; height: 32rpx; margin-bottom: 20rpx;"></view>
......
......@@ -60,7 +60,7 @@
</view>
<!-- 骨架屏 -->
<view class="list row bothSide" v-if="loading && list.length === 0">
<view class="box skeleton-box" v-for="i in 4" :key="'skeleton-' + i">
<view class="box skeleton-box" v-for="i in 4" :key="i">
<view class="skeleton-item" style="width: 60%; height: 32rpx; margin-bottom: 20rpx;"></view>
<view class="skeleton-item" style="width: 80%; height: 32rpx; margin-bottom: 20rpx;"></view>
<view class="bor row"></view>
......
......@@ -19,7 +19,7 @@
</view>
<!-- 骨架屏 -->
<view class="list row bothSide" v-if="loading && list.length === 0">
<view class="box skeleton-box" v-for="i in 4" :key="'skeleton-' + i">
<view class="box skeleton-box" v-for="i in 4" :key="i">
<view class="skeleton-item" style="width: 65%; height: 32rpx; margin-bottom: 20rpx;"></view>
<view class="skeleton-item" style="width: 50%; height: 32rpx; margin-bottom: 20rpx;"></view>
<view class="bor row"></view>
......
......@@ -24,7 +24,7 @@
</view>
<!-- 骨架屏 -->
<view class="list" v-if="loading && list.length === 0">
<view class="box row skeleton-box" v-for="i in 3" :key="'skeleton-' + i">
<view class="box row skeleton-box" v-for="i in 3" :key="i">
<view class="skeleton-item" style="flex: 0 0 100%; width: 60%; height: 32rpx; margin-bottom: 16rpx;"></view>
<view class="skeleton-item" style="flex: 0 0 50%; width: 80%; height: 28rpx; margin-bottom: 16rpx;"></view>
<view class="skeleton-item" style="flex: 0 0 50%; width: 70%; height: 28rpx; margin-bottom: 16rpx;"></view>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment