EasyUI-super-theme

На основе последней версии EasyUI 1.5.1 создана эта тема оформления с плоским интерфейсом (flat UI) и цветовой схемой, вдохновлённой Flat UI. Для шрифтов и иконок используется FontAwesome (fontawesome.dashgame.com).

Хотя сейчас популярны библиотеки компонентов Vue, React и Angular, известно, что многие всё ещё используют эту библиотеку для создания бэкенд-систем управления. Поэтому я решил немного улучшить её и поделиться с вами. Буду продолжать улучшать, если будет время. Если вам нравится, не стесняйтесь поставить звезду!

Использование

Эта тема основана на серой теме.

1. Скопируйте папку super из папки dist в папку themes внутри easyui.
2. Последовательно импортируйте:
   • как и другие темы EasyUI, добавьте два файла — font-awesome.css и superBlue.css, расположенные в папке css подпапки super
   • <link rel="stylesheet" type="text/css" href="easyui/themes/super/css/font-awesome.css" />
   • <link rel="stylesheet" type="text/css" href="easyui/themes/super/superBlue.css" id="themeCss"/>
   • файл super.js, расположенный в папке theme подпапки super <script type="text/javascript" charset="utf-8" src="easyui/theme/super/super.js"></script>

superDemo.js содержит примеры методов шаблона.

Некоторые скриншоты

Изображения доступны по ссылкам:

• http://7s1rqe.com1.z0.glb.clouddn.com/easyui-super.jpg
• http://7s1rqe.com1.z0.glb.clouddn.com/easyui-super-1.png
• http://7s1rqe.com1.z0.glb.clouddn.com/easyui-super-2.png
• http://7s1rqe.com1.z0.glb.clouddn.com/easyui-super-3.png
• http://7s1rqe.com1.z0.glb.clouddn.com/easyui-super-4.png
• http://7s1rqe.com1.z0.glb.clouddn.com/easyui-super2.jpg
• http://7s1rqe.com1.z0.glb.clouddn.com/easyui-super3.jpg
• http://7s1rqe.com1.z0.glb.clouddn.com/easyui-super4.jpg
• http://7s1rqe.com1.z0.glb.clouddn.com/easyui-super5.jpg
• http://7s1rqe.com1.z0.glb.clouddn.com/easyui-super6.jpg
• http://7s1rqe.com1.z0.glb.clouddn.com/easyui-super7.jpg
• http://7s1rqe.com1.z0.glb.clouddn.com/easyui-super8.jpg
• http://7s1rqe.com1.z0.glb.clouddn.com/easyui-super8-1.png
• http://7s1rqe.com1.z0.glb.clouddn.com/easyui-super8-2.png
• http://7s1rqe.com1.z0.glb.clouddn.com/easyui-super9.jpg
• http://7s1rqe.com1.z0.glb.clouddn.com/easyui-super10.jpg
• http://7s1rqe.com1.z0.glb.clouddn.com/easyui-super11.jpg
• http://7s1rqe.com1.z0.glb.clouddn.com/easyui-super12.jpg
• http://7s1rqe.com1.z0.glb.clouddn.com/easyui-super13.jpg
• http://7s1rqe.com1.z0.glb.clouddn.com/easyui-super14.jpg