今天除了上课,把抽奖系统继续完善。
发现了开源库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")
{
document.getElementById("bwmode").innerHTML = '<input onclick="checkmode()" t