1***@qq.com
1***@qq.com
  • 发布:2022-05-12 18:54
  • 更新:2022-05-20 19:37
  • 阅读:274

【报Bug】nvue cell delete-animation 设置为default并无动画效果

分类:uni-app

产品分类: uniapp/App

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: window 10 专业版

HBuilderX类型: 正式

HBuilderX版本号: 3.4.6

手机系统: iOS

手机系统版本号: iOS 14

手机厂商: 苹果

手机机型: iphone XR

页面类型: nvue

vue版本: vue2

打包方式: 云端

项目创建方式: HBuilderX

示例代码:

<template>
<div class="pageWrapper">
<list>
<cell v-for="(item,index) in list" :key="index" @click="goChat(item)" @longpress="showShoot(item,index)" insert-animation="default" delete-animation="default " recycle >
<div class="item">
<div class="item-media">
<image :src="item.avatar" class="avatar" mode="aspectFill"></image>
<div class="badge" v-if="item.badgeNum>0">
<text class="badgeText">{{item.badgeNum>100?'99+':item.badgeNum}}</text>
</div>
</div>
<div class="item-inner">
<div class="top">
<div>
<text class="name">{{item.name}}</text>
</div>
<div>
<text class="time">{{utils.timestampFormat('2021/06/22 15:44:10')}}</text>
</div>
</div>
<div class="bottom">
<text class="content">{{item.content}}</text>
</div>
</div>
</div>
</cell>
</list>
</div>
</template>

<script>
import utils from '../../common/utils.js'
const dom = uni.requireNativePlugin('dom');
export default {
data() {
return {
utils: utils,
lastTouchIndex: -1,
list: [{
type: 'text',
badgeNum: 0,
name: '闫威 小程序开发',
avatar: 'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1650868194,3331868551&fm=26&gp=0.jpg',
content: 'Hi, I am good!',
}, {
type: 'video',
badgeNum: 0,
name: '清晨',
avatar: 'https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=3155998395,3600507640&fm=26&gp=0.jpg',
content: 'Hi, I am good!'
}, {
type: 'text',
badgeNum: 3,
name: '粗长的花朵j j l

操作步骤:

nvue页面 使用cell 设置属性delete-animation的值为default 渲染数组 删除其中某一项

预期结果:

出现删除动画

实际结果:

无任何动画

bug描述:

nvue cell delete-animation 设置为default 当我删除数组某一项后 并未观察出动画效果 我不确定这是不是一个 bug

2022-05-12 18:54 负责人:无 分享
已邀请:
DCloud_UNI_Anne

DCloud_UNI_Anne

要回复问题请先登录注册