uniapp电量百分比显示组件
发表于|更新于
|浏览量:
人人保持头冷脚暖，医师就大叹赚钱难。——佚名
今天有个需求是显示电池电量，我在uniapp的插件市场找到一款
https://ext.dcloud.net.cn/plugin?id=7421
不过不满足需求，电量发生变化后没有实时更新，是因为用的data而不是computed
样式也需要调整美化一下，修改以后的完成品：
1 |
相关推荐
2020-12-25
live2d看板娘之自定义网站篇
失去信用而赚的钱应结算在损失里。——罗马 通过这篇文档配置 首先我们下载项目：项目地址 然后复制到我们项目中 创建页面并放入代码 12345678910111213141516171819202122232425262728293031323334353637<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <!-- 引用看板娘交互所需的样式表 --> <link href='Pio/static/pio.css' rel='stylesheet' type='text/css'/></head><body><div class="pio-container left"> <d...
2022-12-25
mask
任凭人群来往，任凭钟声响起，小孩啼哭——决心好好过上一天。——梭罗《瓦尔登湖》 分享一个css属性mask： https://developer.mozilla.org/zh-CN/docs/Web/CSS/mask https://css-tricks.com/almanac/properties/m/mask/ CSS 属性 mask 允许使用者通过遮罩或者裁切特定区域的图片的方式来隐藏一个元素的部分或者全部可见区域。 这个属性很类似于background属性，但不同的是，background是背景在元素下层，mask是遮罩在元素上层，且mask不支持直接指定color，只支持image对象如图片、svg等 同样两者都是组合属性，意味着可以用简写，而不是一个一个去指定 12mask-image: url(/img/oss/blog/vampireachao/bilibili-line.svg);mask-repeat: no-repeat; 可以简写为 1mask: url(/img/oss/blog/vampireachao/bilibili-line.svg) ...
2022-05-18
CompositionEvent
业余生活要有意义，不要越轨。——华盛顿 分享一个输入法事件：CompositionEvent 这个事件只在用户间接输入文本（如使用输入法）时触发： 例如下面这个例子： 123456789101112131415161718192021222324252627282930313233343536<!DOCTYPE html><html><head> <title></title></head><body> <div class="control"> <label for="name">On macOS, click in the textbox below,<br> then type <kbd>option</kbd> + <kbd>`</kbd>, then <kbd>a</kbd>:</label> ...
2022-08-22
webpack资源管理
天分高的人如果懒惰成性，亦即不自努力以发展他的才能，则其成就也不会很大，有时反会不如天分比他低些的人。——茅盾 书接上文，首先对上次的项目进行改造，参考：https://webpack.docschina.org/guides/asset-management/ 将main.js改为bundle.js index.html 12345678910<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>管理资源</title> </head> <body> <script src="bundle.js"></script> </body></html> webpack.config.js 123456789const path = require('path');module.expo...
2025-12-07
open-notebook
希望是生命的源泉。——亚里士多德 Open Notebook：更自由、更强大的“学习型笔记”开源实现想把读论文、看书、做研究的过程彻底“智能化”？把你的资料收集、摘要整理、跨文档检索、问题答复、思维导图和项目推进，统统接入一个“懂你”的学习型笔记系统？Open Notebook，就是这样一款面向个人与团队的开源项目：更自由、更可扩展的 Notebook LM 开源实现。 项目地址：lfnovo/open-notebook 官网主页：https://www.open-notebook.ai 项目描述：An Open Source implementation of Notebook LM with more flexibility and features 主语言：TypeScript License：MIT Stars：12,366+ Forks：1,261+ 主题标签：assistant learning note-taking notebook notes-app self-learning Open Notebook 的愿景，是把“学习”变成一个高效、可协...
2025-02-03
tiptap
暮冬时烤雪，迟夏写长信。——陈鸿宇 https://github.com/ueberdosis/tiptap/https://tiptap.dev/ 最近在做富文本编辑器的项目时，发现了 Tiptap，这是一个基于 ProseMirror 的现代化富文本编辑器框架。Tiptap 拥有高度的可扩展性、灵活的 API 和出色的跨平台支持，非常适合构建复杂的文本编辑体验。它在社区中有着很高的评价，并且已经在许多企业级项目中得到应用。 Tiptap 是什么？Tiptap 是一个为现代 Web 应用设计的富文本编辑器框架，采用模块化设计，允许开发者自由组合功能和插件。不同于传统的 WYSIWYG（所见即所得）编辑器，Tiptap 提供了更细粒度的内容控制能力，让开发者能够精确定义编辑器的行为和外观。 Tiptap 的核心依赖 ProseMirror，这是一个非常强大的文本编辑引擎。Tiptap 通过封装 ProseMirror 的复杂性，提供了更易用的开发接口，使得构建富文本编辑器变得更加简单高效。 Tiptap 的特点 模块化和可扩展性Tiptap 的插件系统使得开发者可以按需引...