uniapp电量百分比显示组件

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

|浏览量:

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

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

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

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

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

相关推荐

睡在哪里都是睡在夜里。 ——贾平凹《废都》分享一个开源项目： GitHub - mdit-vue/mdit-vue: markdown-it plugins for Vue.js 这个项目在这里为 markdown-it 提供一些统一的插件，这是 JS 世界中最受欢迎的 markdown 解析器之一，以使其更好地与 Vue 配合使用它是markdown-it的vue插件 GitHub - markdown-it/markdown-it: Markdown parser, done right. 100% CommonMark support, extensions, syntax plugins & high speed https://markdown-it.github.io/

暴食杀人多于利剑杀人。——伯里兹分享一个框架封装了GitHub的API调用 GitHub - octokit/octokit.js: The all-batteries-included GitHub SDK for Browsers, Node.js, and Deno. 等于是一个SDK 目前，GitHub 维护以下语言/框架/平台的 SDK： JavaScript / TypeScript C# / .NET Ruby Terraform provider 还有 2 个 SDK，它们是根据 GitHub 的 OpenAPI 描述生成的！ C# / .NET Go 浏览器里安装： 123<script type="module">import { Octokit, App } from "https://esm.sh/octokit";</script> 示例：获取经过身份验证的用户的用户名。 12345678// C...

没有爱情，可千万不要结婚——奥斯汀场景：需要重置已经更改后的data 官方文档： https://v2.cn.vuejs.org/v2/api/#data 其中提到可以通过调用data函数得到一个全新的副本对象 https://v2.cn.vuejs.org/v2/api/#vm-options 然后我们可以通过$options获取用于当前 Vue 实例的初始化选项，因此通过 1this.$options.data() 能够得到最初定义data的一个全新的副本对象(这里的this指向vue实例) 再使用Object.assign 1Object.assign(this.$data, this.$options.data()) 即可重置data 在某些情况下，this.$options.data()的this指向有问题，可以使用 Function.prototype.call()处理 https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Function/call...

blob和base64互转

交易场上的朋友胜过柜子里的钱款——托·富勒 blob转base64 1234567891011121314151617// blob转base64async function blobToBase64(blob) { let buffer = await blob.arrayBuffer() let bytes = new Uint8Array(buffer); console.log(bytes) // do anything with the byte array here let binary = '' var len = bytes.byteLength; for (var i = 0; i < len; i++) { binary += String.fromCharCode(bytes[i]); } base64 = 'data:image/webp;base64,' + window.btoa(binary) co...

js动态调用函数

兵无常势，水无常形，能因敌变化而取胜者，谓之神。——孙子我们可以使用变量名['函数名']()去调用一个函数 12345678<script> var ruben = { run() { console.log("ruben中的run被调用啦！") } } ruben['run']()</script> 可以用于动态调用函数场景

字体按宽度自适应大小

不用给我爱，不用给我钱，不用给我声誉，给我真理吧。——梭罗的《瓦尔登湖》一般可以使用vw或者em一类的属性来适配，但如果还需要更小，就只能使用scale缩放了，例如使用js 1234567891011121314151617181920212223242526function scaleMemberName(memberElement: Element | null, reset: boolean) { if (!memberElement) { return; } const nameElement = memberElement.querySelector('.name'); if (!(nameElement instanceof HTMLDivElement)) { return; } if (reset) { nameElement.style.scale = String(); return; } const boundingBox ...

阿超

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

数据加载中