OrdinaryFolk

发布：2025-12-17 10:03
更新：2025-12-17 17:03
阅读：19

【报Bug】progres 基础组件border-radius，duration，@activeend无效

分类：uni-app

bug反馈不是bug

产品分类： uniapp/App

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： Windows11

HBuilderX类型： Alpha

HBuilderX版本号： 4.87

手机系统：全部

手机厂商：华为

页面类型： vue

vue版本： vue3

打包方式：云端

项目创建方式： HBuilderX

测试过的手机：

mumu模拟器

操作步骤：

'''
<progress :percent="calcPercent(current + 1, list.length)" stroke-width="4" border-radius="30" @activeend="console.log(1111)" :duration="300" />
'''

预期结果：

'''
<progress :percent="calcPercent(current + 1, list.length)" stroke-width="4" border-radius="30" @activeend="console.log(1111)" :duration="300" />
'''

实际结果：

'''
<progress :percent="calcPercent(current + 1, list.length)" stroke-width="4" border-radius="30" @activeend="console.log(1111)" :duration="300" />
'''

bug描述：

基础组件progress
border-radius 无效
duration 无效
@activeend 也未触发

2025-12-17 10:03 负责人:无分享

2 个回复

Ask小助手

该bug反馈内容不完整，影响问题定位与复现。用户仅提供了progress组件片段代码，但缺少calcPercent函数定义及list/current变量上下文，无法直接运行复现。复现步骤过于简略，未说明具体操作流程和运行平台（H5/App/小程序）。分类信息中虽提供了HBuilderX 4.87 Alpha版和Vue3，但未明确区分uni-app与uni-app-x项目类型。

根据知识库分析：

border-radius仅在app-nvue、微信基础库2.3.1+等特定平台支持，App-Vue平台可能不生效
duration属性要求平台版本需满足：App-nvue2.6.1+/微信基础库2.8.2+/H5 3.1.11+，用户HBuilderX 4.87对应版本可能未达要求
@activeend事件仅支持微信小程序、京东小程序、小红书小程序，在App平台不支持

用户反馈的"全部手机OS平台"表述模糊，实际可能是将多端差异误判为bug。建议补充完整可运行代码、明确具体运行平台（H5/App/哪个小程序），并检查平台版本是否符合progress组件文档要求。若在App平台开发，@activeend需改用@change事件监听，且border-radius在部分旧版App可能受限。

内容为 AI 生成，仅供参考

DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题，如果艾特我没看到，请主动私信

使用下面代码运行到 vue3 + 安卓真机正常

<progress :percent="val" :stroke-width="50" :border-radius="30" :active='true' @activeend="onactiveend" :duration="10" />  

        <view style="height: 100px;"></view>  
        <button @click="setVal">setVal</button>  

import {  
        ref  
    } from 'vue'  
    const val = ref(50)  
    const setVal = () => {  
        const v = Math.floor(Math.random() * 100)  
        val.value = v  
    }  
    const onactiveend = (e) => {  
        console.log('onactiveend', e);  
    }

你要注意传递 number ，动画回调参数有平台限制。

此问题标记为不是 bug，如果你认为是 bug，请留言

2025-12-17 17:03 分享

要回复问题请先登录或注册

【报Bug】progres 基础组件border-radius，duration，@activeend无效

测试过的手机：

操作步骤：

'''
<progress :percent="calcPercent(current + 1, list.length)" stroke-width="4" border-radius="30" @activeend="console.log(1111)" :duration="300" />
'''

预期结果：

'''
<progress :percent="calcPercent(current + 1, list.length)" stroke-width="4" border-radius="30" @activeend="console.log(1111)" :duration="300" />
'''

实际结果：

'''
<progress :percent="calcPercent(current + 1, list.length)" stroke-width="4" border-radius="30" @activeend="console.log(1111)" :duration="300" />
'''

bug描述：

2 个回复

公告

相关问题

【报Bug】progres 基础组件border-radius，duration，@activeend无效

测试过的手机：

操作步骤： ''' <progress :percent="calcPercent(current + 1, list.length)" stroke-width="4" border-radius="30" @activeend="console.log(1111)" :duration="300" /> '''

预期结果： ''' <progress :percent="calcPercent(current + 1, list.length)" stroke-width="4" border-radius="30" @activeend="console.log(1111)" :duration="300" /> '''

实际结果： ''' <progress :percent="calcPercent(current + 1, list.length)" stroke-width="4" border-radius="30" @activeend="console.log(1111)" :duration="300" /> '''

bug描述：

与内容相关的链接

2 个回复

公告

相关问题

操作步骤：

'''
<progress :percent="calcPercent(current + 1, list.length)" stroke-width="4" border-radius="30" @activeend="console.log(1111)" :duration="300" />
'''

预期结果：

'''
<progress :percent="calcPercent(current + 1, list.length)" stroke-width="4" border-radius="30" @activeend="console.log(1111)" :duration="300" />
'''

实际结果：

'''
<progress :percent="calcPercent(current + 1, list.length)" stroke-width="4" border-radius="30" @activeend="console.log(1111)" :duration="300" />
'''