fix(diy-card): 团队名片墙列表项同修数组绑定 — itemFinalStyle 合并(对象/对象数组同雷)

diy-card-list.vue 列表项 :style="[itemStyle, {animationDelay}]" 数组绑定
按 2026-10-24 操作区同根因预防性消除(uni-app 静默丢弃数组绑定), 合并为
itemFinalStyle(index) 单对象绑定; 扫描全部 5 个卡片组件, 数组绑定清零
This commit is contained in:
2026-10-24 14:05:44 +08:00
parent 8617bb0395
commit e98d3ba0e5

View File

@@ -36,7 +36,7 @@
<!-- 网格/列表布局 -->
<view v-else-if="list.length" :class="['wall-grid', layout === 'list' ? 'is-list' : 'is-grid']">
<view v-for="(item, index) in list" :key="item.card_id || index" class="wall-item fade-up"
:style="[itemStyle, { animationDelay: (index * 60) + 'ms' }]" hover-class="btn-press" @tap="goDetail(item)">
:style="itemFinalStyle(index)" hover-class="btn-press" @tap="goDetail(item)">
<!-- 内层卡片: 布局盒(wall-item)只负责 50% 宽+左右 gutter, 视觉在此层
(WXSS 不支持 calc(), 不能用 calc(50% - gap/2)) -->
<view class="item-card">
@@ -210,6 +210,14 @@ export default {
this.fetchData();
},
methods: {
/**
* 列表项最终样式: itemStyle + 逐项入场动画延迟 合并输出单对象。
* uni-app 运行时会静默丢弃 :style="[A, B]" 数组绑定(2026-10-24 mini.vue
* 操作区同根因修复的先例), 数组形态禁止回归
*/
itemFinalStyle(index) {
return Object.assign({}, this.itemStyle, { animationDelay: (index * 60) + 'ms' });
},
initialOf,
avatarStyle(item) {
return this.$util.objToStyle({ background: avatarBg(item) });