抽屉相关

自定义抽屉

Tip

图标请参考 https://www.mdui.org/docs/material_icon

欢迎使用 快捷生成工具 ！

Warning

请遵循 JSON 语法，否则两行泪（哭）

普通按钮

name	value	remark
name	按钮名称
link	按钮链接	不需要可填“#”
icon	按钮图标	可前往 MDUI Docs 获取图标名
type	0

举例

{
  "name":"友人帐",
  "link":"https://xxx.xxx/links.html",
  "icon":"links",
  "type":"0"
}

归档按钮

name	value
name	归档
link	#
icon	access_time
type	1

举例

{
  "name":"归档",
  "link":"#",
  "icon":"access_time",
  "type":"1"
}

分类按钮

name	value
name	分类
link	#
icon	view_list
type	2

举例

{
  "name":"分类",
  "link":"#",
  "icon":"view_list",
  "type":"2"
}

页面按钮

name	value
name	页面
link	#
icon	view_carousel
type	3

举例

{
  "name":"页面",
  "link":"#",
  "icon":"view_carousel",
  "type":"3"
}

列表按钮

name	value	remark
name	按钮名称
link	按钮链接	不需要可填“#”
icon	按钮图标	可前往 MDUI Docs 获取图标名
type	4
list	子列表	注意遵循 JSON 语法

举例

{
  "name":"列表",
  "link":"#",
  "icon":"settings",
  "type":"4",
  "list": [{
  "name": "子列表",
  "link": "http://domain.com/"
  },{
    "name": "子列表",
    "link": "http://domain.com/"
  },{
    "name": "子列表",
    "link": "http://domain.com/"
  }]
}

分割线

name	value
type	5

{
  "type":"5"
}

RSS 订阅按钮

name	value
type	6

• "type" 类型 6 为RSS订阅按钮。

{
  "type":"6"
}

使用例

[
  {
    "name":"分类",
    "link":"#",
    "icon":"view_list",
    "type":"2"
  },{
    "name":"归档",
    "link":"#",
    "icon":"access_time",
    "type":"1"
  },{
    "name":"页面",
    "link":"#",
    "icon":"view_carousel",
    "type":"3"
  },{
    "type":"5"
  },{
    "type":"6"
  }
]

抽屉底部功能

展示位置

展示位置位于 抽屉 的 底部位置

使用方法

抽屉底部功能仅支持展示 6 个！多了将无法显示！！！

Warning

添加时请遵循 JSON 语法

先来看一个例子吧！

{
  "home":"xxx.com/admin"
}

左侧（home）为MDUI框架中的图标名称

右侧（xxx.com/admin）为 A标签 中的链接