- 发布:2024-05-14 14:22
- 更新:2024-05-14 14:22
- 阅读:130
产品分类: uniapp/App
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: win11
HBuilderX类型: 正式
HBuilderX版本号: 4.08
手机系统: Android
手机系统版本号: Android 13
手机厂商: 华为
手机机型: p40pro
页面类型: vue
vue版本: vue2
打包方式: 云端
项目创建方式: HBuilderX
示例代码:
<uni-transition custom-class="content-popup" mode-class="slide-left" :duration="500"
show="typeIndex==1" style="height: 500upx;>
<view class="charts-box">
<view class="serach-box">
<view class="title">
当前选择
</view>
<view class="picker">
<uni-datetime-picker v-model="timeRange" type="daterange" @maskClick="maskClick" />
</view>
</view>
</view>
</uni-transition>
<view class="serach-box">
<view class="title">
当前选择
</view>
<view class="picker">
<uni-datetime-picker v-model="timeRange" type="daterange" @maskClick="maskClick" />
</view>
</view>
</view>
</uni-transition>
操作步骤:
步骤
- 创建uni-transition组件
- uni-transition组件中写入uni-datetime-picker组件,并使用 type="daterange"属性
- 运行后选择一个有效时间段
步骤
- 创建uni-transition组件
- uni-transition组件中写入uni-datetime-picker组件,并使用 type="daterange"属性
- 运行后选择一个有效时间段
预期结果:
选择时间后时间组件消失,外层uni-transition 组件不受影响
选择时间后时间组件消失,外层uni-transition 组件不受影响
实际结果:
选择时间段后两个组件的消失动画都会执行
选择时间段后两个组件的消失动画都会执行
bug描述:
在uni-transition组件中嵌套使用uni-datetime-picker组件,选择时间段后两个组件的消失动画都会执行
0 个回复