技术栈

解决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专业知识信息课程
相关推荐
曲折
14 小时前
Cesium-气象要素PNG色斑图叠加
前端·cesium
Forever7_
14 小时前
Electron 淘汰!新的桌面端框架 更强大、更轻量化
前端·vue.js
Angelial
14 小时前
Vue3 嵌套路由 KeepAlive:动态缓存与反向配置方案
前端·vue.js
jiayu
14 小时前
Angular学习笔记24:Angular 响应式表单 FormArray 与 FormGroup 相互嵌套
前端
jiayu
14 小时前
Angular6学习笔记13:HTTP(3)
前端
小码哥_常
15 小时前
Kotlin抽象类与接口:相爱相杀的编程“CP”
前端
evelynlab
15 小时前
Tapable学习
前端
心之语歌
15 小时前
基于注解+拦截器的API动态路由实现方案
java·后端
LeeYaMaster
15 小时前
15个例子熟练异步框架 Zone.js
前端·angular.js
evelynlab
15 小时前
打包原理
前端
热门推荐
01GitHub 镜像站点02OpenClaw 使用和管理 MCP 完全指南03OpenClaw + 飞书(Feishu)环境搭建指南04Claude Code + GLM4.7 避坑指南:解决 Unable to connect to Anthropic services05小黑课堂计算机二级WPSoffice题库软件下载安装教程(2026年3月最新版)06OpenClaw优化飞书API 额度已耗尽问题07Clawdbot部署教程:解决‘gateway token missing’授权问题的完整步骤08Window 10部署openclaw报错node.exe : npm error code 12809【OpenClaw 本地实战 Ep.3】突破瓶颈:强制修改 openclaw.json 解锁 32k 上下文记忆10网站改了域名,如何查找?