uimaker响应式jQuery Easyui+Bootstrap多配色主题设计

基于jQuery easyui1.11设计制作的easyui主题,同时引入了Bootstrap4.0的栅格布局,主题是在easyui默认的metro主题基础上设计开发,easyui全部组件(电脑端)都做了风格统一和美化,只修改了相关样式的css属性,easyui的js未做任何改动,不影响原生easyui组件使用,原有项目可直接引入metro主题及模板相关文件即可替换为本主题,无需对原有程序代码进行修改(页面整体布局需替换为主题中提供的模板),可节省大量前端制作的成本。

详细介绍请移步:easyui主题模板介绍

下面是关于主题的一些效果图

Easyui组件

包括Accordion折叠面板、Calendar日历、Linkbutton按钮、Tabs选项卡、Tree树、Menu菜单、Datalist数据列表、Treegrid树形表格、Slider滑动条、SwitchButton开关按钮、Sidemenu侧栏菜单、Propertygrid属性表格、Progressbar进度条、Pagination分页、Swiper幻灯片、Rate评分、Loading加载、Form表单、Datagrid数据表格、Panel面板、Window窗口、Timeline时间轴、Layout布局等全部easyui原生组件。

部分组件展示

easyui组件-基本组件module+折叠面板accordion easyui组件-日历calendar+表单form easyui组件-数据表格datagrid+树形表格treegrid easyui组件-属性表格propertygrid+面板panel easyui组件-选项卡tabs+分页组件pagination easyui组件-窗口组件window+时间轴timeline

Bootstrap组件

包括Button按钮、Table表格、From表单、Grid栅格、Panels面板、List列表、Widget小部件、Typography排版、Avata头像等Bootstrap组件,风格与easyui组件样式保持一致,你在使用easyui组件的同时也可以使用全部的bootstrap的组件。
Bootstrap组件-按钮button+数据表格table Bootstrap组件-表单form+栅格系统grid Bootstrap组件-面板panels+数据列表lists Bootstrap组件-项目列表projects+小部件widget Bootstrap组件-排版typograph+头像avatar

Demo页面展示

展示使用easyui+bootstrap组件组合制作的demo页面。
demo页面-仪表盘+统计图表 demo页面-商品管理+用户管理 demo页面-库存管理+自适应表格 demo页面-权限管理+卡片列表 demo页面-系统设置+字体图标iconfont demo页面-数据为空+通知消息 demo页面-文章页+用户信息

响应式布局(手机端页面展示)

自适应电脑、手机、平板多终端不同尺寸屏幕大小

相关推荐
ZHOUPUYU2 小时前
PHP与WebSocket实时通信的原理到生产级应用
开发语言·html·php
SuperEugene3 小时前
Vue keep-alive 实战避坑:include/exclude + 路由 meta 标记,中后台路由缓存精准可控|状态管理与路由规范篇
开发语言·前端·javascript·vue.js·缓存·前端框架
mudtools4 小时前
存储那么贵,何不白嫖飞书云文件空间
前端框架·c#·.net
Predestination王瀞潞5 小时前
6.5.2 软件->W3C HTML5、CSS3标准(W3C Recommendation):HTML(HyperText Markup Language)
html·css3·html5
AAA不会前端开发5 小时前
从零手写 React:深度解析 Fiber 架构与 Hooks 实现
react.js·前端框架
油丶酸萝卜别吃5 小时前
springboot项目中redis常见的增删改查操作是哪些?
spring boot·redis·bootstrap
栀秋6665 小时前
深入浅出:手写一个迷你版 Zustand
前端·react.js·前端框架
SuperEugene5 小时前
Vue3 + Vue Router + Pinia 路由守卫规范:beforeEach 应做 / 不应做,避死循环、防重复请求|状态管理与路由规范篇
开发语言·前端·javascript·vue.js·前端框架
#麻辣小龙虾#5 小时前
html浏览器自动播放视频策略
前端·html·音视频