技术栈

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

paradoxaaa_2024-06-03 17:54

官方代码:

复制代码
<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>

这样进度条就显示出来了

上一篇:Flutter-自定义可展开文本控件
下一篇:图书推荐:ChatGPT专业知识信息课程
相关推荐
万少
2 小时前
小龙虾(openclaw),轻松玩转自动发帖
前端·人工智能·后端
Jagger_
3 小时前
抱怨到躺床关灯的一次 DIY 记录
前端
陈随易
6 小时前
前端大咖mizchi不满Rust、TypeScript却爱上MoonBit
前端·后端·程序员
CHB
7 小时前
uni-app x 蒸汽模式 性能测试基准报告 Benchmark
uni-app·harmonyos
whinc
8 小时前
🚀 两年小程序开发,我把踩过的坑做成了开源 Skills
前端·微信小程序·ai编程
兆子龙
9 小时前
ahooks useRequest 深度解析:一个 Hook 搞定所有请求
java·javascript
兆子龙
9 小时前
React Suspense 从入门到实战:让异步加载更优雅
java·javascript
sure282
9 小时前
React Native中创建自定义渐变色
前端·react native
KKKK
9 小时前
SSE(Server-Sent Events)流式传输原理和XStream实践
前端·javascript
热门推荐
01GitHub 镜像站点02OpenClaw 使用和管理 MCP 完全指南03OpenClaw 连接飞书完整指南:插件安装、配置与踩坑记录04本地部署 OpenClaw + DeepSeek-R1 完全指南05Window 10部署openclaw报错node.exe : npm error code 12806OpenClaw + 飞书(Feishu)环境搭建指南07npm-error code 128问题解决方法08OpenClaw 飞书机器人不回复消息?3 小时踩坑总结09Clawdbot部署教程:解决‘gateway token missing’授权问题的完整步骤10Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services