1***@qq.com
1***@qq.com
  • 发布:2024-06-21 09:59
  • 更新:2024-06-21 10:40
  • 阅读:93

uniapp 进度条设置字体大小 和 圆角不生效 代码如下

分类:uni-app
2024-06-21 09:59 负责人:无 分享
已邀请:
爱豆豆

爱豆豆 - 办法总比困难多

你运行的那个端?是app端的nvue吗?

  • 1***@qq.com (作者)

    是app端.vue文件 需要改成nvue吗

    2024-06-21 11:22

  • 爱豆豆

    回复 1***@qq.com: 你看文档 圆角属性 只在 app-nvue、微信基础库2.3.1+、QQ小程序、快手小程序、京东小程序 上生效

    2024-06-21 11:26

  • 爱豆豆

    这种简单的 组件 你用俩view嵌套一下 就实现了 样式还能随便改 不是更方便吗

    2024-06-21 11:28

  • 爱豆豆

    回复 爱豆豆: 动态设置 子元素的width 就行了 一样的效果


    <view style="width: 100%;background-color: paleturquoise;height: 20rpx;border-radius: 20rpx;overflow: hidden;">  
    <view style="width: 60%;height: 20rpx;background-color:pink;border-radius: 20rpx;"></view>
    </view>

    2024-06-21 11:32

  • 1***@qq.com (作者)

    回复 爱豆豆: 好啊 谢谢小姐姐

    2024-06-21 11:35

传播星球

传播星球

/deep/ .uni-progress-bar{
border-radius: 20rpx;
}
/deep/ .uni-progress-inner-bar {
border-radius: 20rpx;
}
加上这两个试试

  • 1***@qq.com (作者)

    右边的圆角生效 左边的没反应

    2024-06-21 11:22

  • 传播星球

    回复 1***@qq.com: 把长度缩短试试看,什么手机

    2024-06-21 11:32

  • 1***@qq.com (作者)

    回复 传播星球: 你好可以了 谢谢 字体可以调吗

    2024-06-21 11:35

要回复问题请先登录注册