MDUI的黑暗模式实现和居中问题

今天除了上课，把抽奖系统继续完善。
发现了开源库MDUI挖的几个坑：1是为移动端设计，PC端有些页面很难看；2是开关没有设置任何可以与JavaScript通信的标记。

对于1，例如MDUI的列表，要么一行全占满屏幕，很难看，要么缩到最右边。通过在mdui-list上一级设置可以居中显示：

<div class="mdui-container" style="max-width: 500px; ">

对于2，我想实现dark模式，发现开关无法与JavaScript通信使用，遂在开关控件的lable层级加了id="bwmode"，在input层级加了οnclick="checkmode()"，在JavaScript如下操作：

<script>
    if(localStorage.getItem("mode")==null || localStorage.getItem("mode")=="white")

MDUI的黑暗模式实现和居中问题相关推荐

Facebook、谷歌、微软利用“黑暗模式”诱骗用户交出数据
来源:网络大数据摘要:挪威消费者委员会指出,Facebook.谷歌以及微软等科技巨头正在使用"黑暗模式",或用户界面来诱骗用户交出自己的数据,以此推动用户被动选择不利于自身隐私保 ...
Chrome 74 稳定版发布，Windows 10 支持黑暗模式
开发四年只会写业务代码,分布式高并发都不会还做程序员? Chrome 74 稳定版已发布,具体版本号为 Chrome 74.0.3729.108.本次更新包含 39 项安全修复,以及稳定性和用户体 ...
三星Galaxy S20：如何开启黑暗模式
Justin Duino 贾斯汀·杜伊诺(Justin Duino) Samsung was one of the first Android manufacturers to add Dark Mo ...
macos mojave_使Ubuntu看起来像macOS Mojave的黑暗模式
macos mojave If you're a Linux user who likes the look of the dark mode coming in macOS Mojave, you' ...
android10全局黑暗,传Android 11或加入自动切换全局黑暗模式功能
日前有外媒援引消息人士爆料称,谷歌曾在Android 10系统中带来了全局黑暗模式功能,但自动切换黑暗模式的功能却在Android 10系统的早期测试阶段意外遭砍!而据最新消息显示,Android 1 ...
crt 8.7.3 黑暗模式_科技有意思 | 黑黑黑黑黑黑黑黑暗模式
不知从什么时候,手机上的黑暗模式成了系统的标配. 本来这只是系统中的一个功能,现在经过从iOS 13系统的终于支持.苹果督促包括腾讯在内的开发者尽快适配,到一直不支持黑暗模式的微信也答应尽快开发相关功 ...
Win11系统如何设置黑暗模式
微软已经正式的发布了Windows11操作系统,Win11采用的是全新的界面,开始菜单和图标的设计,现在,暗黑模式开始逐渐流行了,很多朋友对黑暗主题情有独钟,黑色的主题特别适合晚上使用电脑,Win11 ...
谷歌Chrome浏览器正式上新Android版黑暗模式
chrome谷歌浏览器安卓版本迎来了全新的使用版本,这次不仅对于浏览器的性能进行了升级,其他方面也进行了升级使用,并且还上线了全新的"黑暗模式",相信有很多用户对这个模式已经不陌生 ...
xx Chrome浏览器更新2020版本：黑暗模式一样使用
谷歌浏览器最近更新了一个全新的版本,新增了很多的浏览器服务,让用户在使用的时候可以更加的方便,多种使用模式都可以一键选择,使用起来也是非常方便的,最近非常火爆的黑暗模式也是可以一键使用的,今天小编就会 ...
Typecho 支持黑暗模式的后台主题插件
介绍: SimpleAdmin 是一款即插即用的typecho后台美化插件,gogobody修改自小王先森的后台插件. 登录界面修改自泽泽站长(qqdie)的登录插件. 上传后插件目录名修改为Sim ...

MDUI的黑暗模式实现和居中问题

MDUI的黑暗模式实现和居中问题相关推荐

最新文章

热门文章