uniapp电量百分比显示组件

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

|浏览量:

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

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

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

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

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

相关推荐

js动态调用函数

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

Neumorphic Elements

与智者同行，必得智慧；与愚者相伴，必定无益处。——大卫王分享一些前端漂亮的小组件 https://codepen.io/myacode/pen/PoqQQNM 效果还是非常惊艳的

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...

wangeditor实现鼠标悬停选中句子

学校要求教师在他的本职工作上成为一种艺术家。 —— 爱因斯坦 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103import { DomEditor, IDomEditor, SlateEditor, SlateTransforms } from '@wangeditor/editor'function addMouseHoverListener(editor: IDomEditor) { const editorElement = DomEditor.toDOMNode(editor, editor) let hoverTimeout: NodeJS.Timeout | nu...

盲人无白天，醉鬼无时间。——朝鲜 Web-Check：把网站的“体检报告”一次看全如果你经常需要快速看清一个网站的真实状态，像安全配置、技术栈、DNS、证书链、开放端口、抓取规则、历史档案、全球排名这些信息，手动东查西找不仅费时，还很难汇总成能拿来决策的视图。Web-Check 把这件事做成了一件顺手的事。项目描述很直接：All‑in‑one OSINT tool for analysing any website。它既是一个开源的站点分析工具，也是一个面向安全研究、站点优化、架构梳理的“现场勘察面板”。你输入一个域名或 URL，它会从多个维度把相关数据拉齐，生成一份可以阅读、可以操作的综合报告。项目主页：web-check.xyz 在线演示：web-check.as93.net 源码仓库：GitHub-Lissy93/web-check 镜像仓库：Codeberg 能看到什么Web-Check 的看板会聚合一组核心任务，围绕“了解、优化、加固”三件事展开。以下是常见板块的节选与用途说明： IP 信息查询域名对应的 IP，为后续探测提供基础。常用于绘制目...

温和的对待，不会使敌人变成朋友——萨迪文档：https://developer.mozilla.org/zh-CN/docs/Web/API/Notification https://developer.mozilla.org/zh-CN/docs/Web/API/notification/requestPermission 代码如下 1234567Notification.requestPermission().then((permission) => { // If the user accepts, let's create a notification if (permission === "granted") { const notification = new Notification("Hi there!"); // … } }); 效果：完整代码： 1234567891011121314151...

阿超

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

数据加载中