PanInedx的前端修改

• 前端框架：mdui
• mdui主题样式源自JustList
• 后端框架：gin-gonic

一、添加空白的标签

按F12打开开发者工具，鼠标选中div.mdui-card-content

在后台-外观中可以自定义Javascript

<script>
    //创建一个元素节点
      var div = document.querySelector('.mdui-card-content')
      //添加一个元素节点
      var div1 = document.createElement('div')
      var span1 = document.createElement('span')
      //在mdui-card-content的第二个子节点前面插入元素节点
      div.insertBefore(div1,div.children[1]);
      div.insertBefore(span1,div.children[2]);
</script>

这样可以生成一个空白的div标签

二、给div中添加一些内容

<script>
    //给插入的div添加文字
    div1.innerHTML = '目前支持的网盘:'
    span1.innerHTML = '天翼云、OneDrive、GoogleDrive、阿里云盘'
</script>

三、给添加的内容用style做些美化

<script>
    div1.style.height = '50px';
    div1.style.fontSize = '18px';
</script>

四、修改的前后效果