Openlayer3之绚丽的界面框架-Materialize

时间:2022-08-25 22:00:50

一群做C++的老伙计搞前端开发,徒手写html和css应该会折寿。。在网上找了半天,Materialize算是用起来很方便的一款前端界面框架。Google的Material Design看起来感觉还是很美观的。话不多说,上界面。

1.主界面

Openlayer3之绚丽的界面框架-Materialize

Openlayer3之绚丽的界面框架-Materialize

主要用到了:

1)Navbar导航栏

Openlayer3之绚丽的界面框架-Materialize

2)SideNav侧边栏

Openlayer3之绚丽的界面框架-Materialize

3)FAB浮动按钮

Openlayer3之绚丽的界面框架-Materialize

2.I键查询

Openlayer3之绚丽的界面框架-Materialize

主要用到了Modals弹出框

Openlayer3之绚丽的界面框架-Materialize

3.打开属性表

Openlayer3之绚丽的界面框架-Materialize

主要用到了Pagination分页器

Openlayer3之绚丽的界面框架-Materialize

4.统计图表

Openlayer3之绚丽的界面框架-Materialize

主要用到了Table表格

Openlayer3之绚丽的界面框架-Materialize

5.提示框

Openlayer3之绚丽的界面框架-Materialize

主要用到了Toasts

Openlayer3之绚丽的界面框架-Materialize