fix(diy-card): 团队名片墙列表项同修数组绑定 — itemFinalStyle 合并(对象/对象数组同雷)
diy-card-list.vue 列表项 :style="[itemStyle, {animationDelay}]" 数组绑定
按 2026-10-24 操作区同根因预防性消除(uni-app 静默丢弃数组绑定), 合并为
itemFinalStyle(index) 单对象绑定; 扫描全部 5 个卡片组件, 数组绑定清零
This commit is contained in:
@@ -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) });
|
||||
|
||||
Reference in New Issue
Block a user