1.0.0-snapshot.7 • Published 4 years ago

mdui-ext v1.0.0-snapshot.7

Weekly downloads
1
License
MIT
Repository
github
Last release
4 years ago

MDUI-Ext

npm.io npm.io npm.io

MDUI-Ext是 MDUI 框架的扩展，使用自定义标签来减少大量重复代码

示例：

<mdui-btn>这是一个按钮</mdui-btn>
<mdui-btn raised>这是一个有浮动效果的按钮</mdui-btn>
<mdui-btn color="indigo">这是一个靛青色扁平按钮</mdui-btn>

效果：

w8mYLR.png

安装

直接引用

这是MDUI的扩展所以你需要先引用MDUI

<body>
<script src="https://cdn.jsdelivr.net/npm/mdui@1.0.0/dist/js/mdui.min.js" integrity="sha256-yZDVNJKUgE4A7uGn33A8XGP3fiALjOiUNILWcczo+vk=" crossorigin="anonymous"></script>
</body>

然后再加上MDUI-Ext

<body>
<script src="https://cdn.jsdelivr.net/npm/mdui@1.0.0/dist/js/mdui.min.js" integrity="sha256-yZDVNJKUgE4A7uGn33A8XGP3fiALjOiUNILWcczo+vk=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/mdui-ext@0.0.2/dist/js/mdui-ext.min.js" integrity="sha256-8L6miH16rjH+KNblPigAnqh5im/z35bE595eLjR65vo=" crossorigin="anonymous"></script>
</body>

npm安装

npm install --save mdui
npm install --save mdui-ext

TODO-List

样式

  • 图标
  • 网格布局

组件

  • 按钮
  • 浮动操作按钮
  • 浮动操作按钮 - 弹出菜单
  • 分割线
  • 可扩展面板
  • 文本框
  • 选择控件
  • 滑块
  • 列表
  • 列表控制
  • 网格列表
  • Tab 选项卡
  • 工具栏
  • 应用栏
  • 抽屉式导航栏
  • 底部导航栏
  • 卡片
  • 纸片
  • 工具提示
  • Snackbar
  • 表格
  • 对话框
  • 菜单
  • 进度指示器
material designreponsivemdui-extensionwebfront-end
mdui
@infinitebrahmanuniverse/nolb-mdu@everything-registry/sub-chunk-2148@zalastax/nolb-mdu
1.0.0-snapshot.7

4 years ago

1.0.0-snapshot.6

4 years ago

0.0.5

4 years ago

0.0.6

4 years ago

0.0.4

4 years ago

0.0.3

4 years ago

0.0.2

4 years ago

0.0.1

4 years ago