uniapp电量百分比显示组件

发表于2024-11-25|更新于2026-02-24

|浏览量:

人人保持头冷脚暖，医师就大叹赚钱难。——佚名

今天有个需求是显示电池电量，我在uniapp的插件市场找到一款

https://ext.dcloud.net.cn/plugin?id=7421

不过不满足需求，电量发生变化后没有实时更新，是因为用的data而不是computed

样式也需要调整美化一下，修改以后的完成品：

相关推荐

get请求包参数属性为数组（二）

伤害可能被原谅，但不会被遗忘——伊索之前写过一篇get请求包含参数属性为数组但是发现不适用数组不为对象的情况，例如ids: [1024, 2048, 4096]，而且可读性有点差，使用起来还得转下参数，所以封装了改良版 1234567891011121314151617181920212223242526272829303132333435let searchParams = { current: 1, size: 1, orders: [ { column:'age', asc:true }, { column:'name', asc:true } ], ids: [1024, 204...

微微怪时间不能保存情绪，保存那一切情绪所曾流连的境界。——《你是人间的四月天》最近发现了一个非常有趣且实用的前端开发辅助工具 —— Page Spy，由 HuolalaTech 开发并开源。这款工具旨在为前端开发者提供实时的页面监控能力，可以帮助快速分析页面的元素、性能以及数据交互等关键信息，尤其在调试复杂页面时显得格外高效。 Page Spy 的定位类似于浏览器的开发者工具，但提供了一些更便捷的功能，特别是在页面性能监控和数据分析方面。这款工具可以实时捕获页面的 DOM 结构变化、资源加载情况以及 API 请求数据，对于开发和优化网页性能非常有帮助。安装和使用 Page Spy 十分简单。只需从 GitHub 项目页面获取源码，或者通过浏览器扩展形式直接加载：克隆项目到本地： 12git clone https://github.com/HuolalaTech/page-spy-web.gitcd page-spy-web 按照项目中的说明运行工具，或者将扩展加载到你的浏览器中。一旦加载完成，打开目标网页，激活 Page Spy，即可开始实时监控。 ...

js日期库moment

健全的身体比金子还珍贵，强壮的体魄比享用不尽的财富还有价值。——佚名 https://github.com/moment/moment 用于解析、验证、操作和格式化日期的 JavaScript 日期库。文档： Moment.js | Docs 使用非常简单 1npm install moment 12var moment = require('moment'); // requiremoment().format(); 或者 12import moment from 'moment';moment().format(); 解析时间 1var day = moment("1995-12-25"); 格式化时间： 1moment("12-25-1995", "MM-DD-YYYY");

要在座的人都停止了说话的时候，有了机会，方才可以谦逊地把问题提出，向人学习。—— 约翰·洛克今天看到一种css写法： 123456789/deep/ .message-list { flex: 1; .message-item { &-text { position: absolute; } } } /deep/我们之前博客提过了，嵌套写法很简单，今天聊聊&这个父选择器 sass中文文档提到了这个父选择器上方的&-text其实就表示.message-item-text 12345.message-item { &-text { position: absolute; }} 编译后为： 12345.message-item { .message-item-text { position: absolute; }}

浅水是喧哗的，深水是沉默的。——雪莱我们知道CSS中一些属性会被继承：给父节点设置样式，子节点也会生效例如color、font-size之类的但像widths, margins, padding, 和 borders 不会被继承，如果被继承，设想一下，给父节点加了一个border，里面的每个子孙元素都有一个border，这不是我们通常想要的效果如何来控制这些属性呢？ CSS 为控制继承提供了四个特殊的通用属性值。每个css属性都接收这些值。 inherit 设置该属性会使子元素属性和父元素相同。实际上，就是 “开启继承”. initial 设置属性值和浏览器默认样式相同。如果浏览器默认样式中未设置且该属性是自然继承的，那么会设置为 inherit 。 unset 将属性重置为自然值，也就是如果属性是自然继承那么就是 inherit，否则和 initial一样这里有一个简单的demo： 12345678910111213141516171819202122232425262728293031<div> <h2> ...

移动端拖动滑块验证

夫唯不争，故天下莫能与之争——老子之前写过拖动滑块验证但是发现移动端拖不动了因为移动端使用的是touch事件：https://developer.mozilla.org/zh-CN/docs/Web/API/TouchEvent 我们对其进行改造，通过获取其第一个触控点的坐标进行计算 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152&...

阿超

我的名字叫阿超年龄25岁家在北京市职业是软件开发每天最晚也会在八点前回家不抽烟酒浅尝辄止晚上十二点上床保证睡足八个小时睡前写一篇博客再做二十分钟俯卧撑暖身然后再睡觉基本能熟睡到天亮像婴儿一样不留下任何疲劳和压力就这样迎来第二天的早晨健康检查结果也显示我很正常我想说明我是一个不论何时都追求内心平稳的人不拘泥于胜负不纠结于烦恼不树立使我夜不能寐的敌人这就是我在这社会的生活态度

数据加载中