<uni-popup ref="popupSelect" type="center">
<view class="progress-box">
<progress percent="50" stroke-width="3" />
</view>
</uni-popup>
9***@qq.com
- 发布：2020-07-15 16:54
- 更新：2020-07-15 17:19
- 阅读：995
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows10
HBuilderX类型： 正式
HBuilderX版本号： 2.7.14
手机系统： iOS
手机系统版本号： iOS 13.4
手机厂商： 苹果
手机机型： iphone 8 plus
页面类型： nvue
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
按代码示例编写代码即可复现
按代码示例编写代码即可复现
预期结果：
希望进度条在uni-popup中显示正常
希望进度条在uni-popup中显示正常
实际结果：
进度条在uni-popup中显示不正常
进度条在uni-popup中显示不正常
bug描述：
uni-popup的type为center时，在popup添加的进度条的进度值不对，percent="50"时就超过progress一半了
2 个回复
9***@qq.com (作者)
<uni-popup ref="popupSelect" type="center">
<view class="progress-box">
<progress percent="50" stroke-width="3" />
</view>
</uni-popup>
9***@qq.com (作者)
查找后，发现是zoom-out动画造成的，只去掉‘zoom-out’就可以了
/**
/
center() {
this.popupstyle = 'center'
this.ani = ['zoom-out', 'fade']
this.transClass = {
'position': 'fixed',
/ #ifndef APP-NVUE /
'display': 'flex',
'flexDirection': 'column',
/ #endif */
'bottom': 0,
'left': 0,
'right': 0,
'top': 0,
'justifyContent': 'center',
'alignItems': 'center'
}
}