技术栈

解决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专业知识信息课程
相关推荐
上官-王野
8 小时前
公务员暂停工伤保险
java
攀登的牵牛花
8 小时前
给女朋友写了个轻断食小程序:去老丈人家也是先动筷了
前端·微信小程序
前端小雪的博客.
8 小时前
【保姆级教程】uniAI 插件高效开发 uni-app 微信小程序(附实战案例)
微信小程序·uni-app·ai编程·uniai
一次旅行
8 小时前
CSRF和SSRF
前端·网络·csrf
亓才孓
8 小时前
【反射机制】
java·javascript·jvm
you-_ling
8 小时前
线程及进程间通信
java·开发语言
莫寒清
8 小时前
Apache Tika
java·人工智能·spring·apache·知识图谱
昱宸星光
8 小时前
spring cloud gateway内置网关filter
java·服务器·前端
麻瓜生活睁不开眼
9 小时前
Android 14 开机自启动第三方 APK 全流程踩坑与最终解决方案(含 RescueParty 避坑)
android·java·深度学习
热门推荐
01GitHub 镜像站点02【OpenClaw 本地实战 Ep.3】突破瓶颈:强制修改 openclaw.json 解锁 32k 上下文记忆03Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services04OpenClaw 使用和管理 MCP 完全指南05AI Agent 平台横评:ZeroClaw vs OpenClaw vs Nanobot06Clawdbot部署教程:解决‘gateway token missing’授权问题的完整步骤07AI 规范驱动开发“三剑客”深度对比:Spec-Kit、Kiro 与 OpenSpec 实战指南08让 Trae IDE 智能体 “读懂”文档 Excel+PDF+DOCX :mcp-documents-reader 工具使用指南09OpenClaw 安装之(三)DeepSeek模型接入配置和详细配置参数10AI agent:介绍 ZeroClaw 安装,使用