解决uni-app progress控件不显示问题

官方代码:

复制代码
<view class="progress-box">
		<progress :percent="80" show-info activeColor="red" stroke-width="10" />
</view>

进度条并不在页面中显示,那么我们需要给进度条加上宽高style="height:10px; width:100%"

复制代码
<view class="progress-box">
	<progress style="height:10px; width:100%" :percent="80" show-info activeColor="red" stroke-width="10" />
</view>

这样进度条就显示出来了

相关推荐
2401_837088501 分钟前
在 IDEA 中启动同一个项目的两个实例,让idea底层配置两个Tomcat 服务器
java·服务器·intellij-idea
iOS阿玮3 分钟前
苹果悄悄上线网页版 App Store!官方出品调研竞品更方便~
uni-app·app·apple
记录Java学习的三木6 分钟前
IDEA终端中使用Maven和右侧边栏使用IDEA的Maven插件有什么区别
java·maven·intellij-idea
乘乘凉7 分钟前
C#中的值传递和引用传递
java·开发语言·c#
Achieve前端实验室8 分钟前
深度解析 JavaScript 作用域与作用域链
前端·javascript·面试
Seven9720 分钟前
SpringCloud 常见面试题(二)
java
讨厌下雨的天空22 分钟前
缓冲区io
linux·服务器·前端
2501_9159090628 分钟前
iOS App 测试工具全景指南,构建从开发、性能到系统级调试的多工具协同测试体系
android·测试工具·ios·小程序·uni-app·iphone·webview
CPU NULL38 分钟前
Redis相关知识点总结
java·数据库·spring boot·redis·缓存
晨晖242 分钟前
Spring Boot整合Spring MVC与外部配置完整笔记
java·spring boot·后端