progres 基础组件border-radius duration @activeend无效 uni-app

progres 基础组件border-radius duration @activeend无效 uni-app

测试过的手机:

mumu模拟器

操作步骤:

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

预期结果:

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

实际结果:

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

bug描述:

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


更多关于progres 基础组件border-radius duration @activeend无效 uni-app的实战教程也可以访问 https://www.itying.com/category-93-b0.html

2 回复

该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 生成,仅供参考

更多关于progres 基础组件border-radius duration @activeend无效 uni-app的实战教程也可以访问 https://www.itying.com/category-93-b0.html


使用下面代码运行到 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,请留言

回到顶部