card样式 layui_layui后台模板
X-admin
简介
X-admin基于layui的轻量级前端后台管理框架,简单免费,兼容性好,面向所有层次的前后端程序。创立于2017年初,为了敏捷WEB应用开发和简化企业应用开发而诞生的。#X-admin从诞生以来一直秉承简洁实用的设计原则,在保持出色的性能和至简的代码的同时,也注重易用性。并且拥有众多的原创功能和特性,在社区团队的积极参与下,在易用性、扩展性和性能方面不断优化和改进,已经成长为国内最领先和最具影响力的WEB应用开发前端后台框架,众多的典型案例确保可以稳定用于商业以及门户级的开发。testadmin
商业友好的开源协议
X-admin遵循Apache2开源协议发布。Apache Licence是著名的非盈利开源组织Apache采用的协议。该协议和BSD类似,鼓励代码共享和尊重原作者的著作权,同样允许代码修改,再作为开源或商业软件发布。
(ps:喜欢记得点赞,开源免费,大家拿去用,如果过意不去就捐点款,我不介意的)
官网
交流QQ群:519492808
2019-05-06更新
修改静态表格展现问题,设置td 最小宽度为80px,table宽度溢出自动出现滚动。
升级方式,下载复制最新的 xadmin.css 在table外盒子增加 两个类。
修改如下:class增加"layui-table-body layui-table-main"
2019-04-26更新
完善tab 打开的记忆功能,之后关闭后,之前写入的tab 还可以读取出来
增加弹出层父窗口刷新功能 xadmin.father_reload()
增加提交后 关闭弹出 层 xadmin.close();
静态表格全选 案例在会员列表
增加右侧记忆功能
v2.2升级只需要覆盖 xadmin.js
2019-04-13更新
对2.1版本整个逻辑重新设计,增加不同的主题,在xadmin.css后面引入主题文件就可以,主题样式文件放在css目录,喜欢记得点赞
2019-03-30更新
修改 x_admin_show 弹出窗口实现最大化,默认窗口非最大化,如果需要弹出窗口最大化,在最后一个参数传 true
修复x_admin_add_to_tab 函数bug,在多个页面切换过程的报错。
x_admin_show(title,url,w,h,full=false)
2019-03-19更新
增加非菜单打开tab函数 x_admin_add_to_tab(title,url,is_refresh) titel为tab标题,url为打开页面地址,is_refresh 可选参数,重复点击是否刷新,默认为false不刷新,true为重复点击刷新页面
用法:
index.html 中直接 x_admin_add_to_tab('在tab打开','http://www.baidu.com',true)
iframe页面中 用 parent.x_admin_add_to_tab('在tab打开','http://www.163.com',true)
我的桌面有demo
2019-03-07更新
是否开启刷新记忆tab功能, 通过index 页面增加 var is_remember = false;不增加默认开启
2019-03-06更新
增加tab双击关闭当前tab
增加tab右键菜单,可实现 关闭当前/关闭其它/关闭全部
2019-02-28更新
开发升级为2.1, 引入layui 2.4.5
增加 html 根标签增加 class="x-admin-sm" 可以实现整体方格字体的细化 原字体14px 变成12px 16px变为14px,对于有些需要显示更多信息的页面比较友好 去除x-admin-sm 恢复原来样式
增加动态表格事例
增加左侧点击刷新tab 可根据实际需要选择 在 sub-menu li 标签中加上属性 date-refresh="1" ,该链接点击会进行刷新
增加弹出层函数 x_admin_father_reload() 该函数可以实现对父窗口的刷新
刷新保留左侧展开 (利用cookie 保存点击过的 索引,刷新读取cookie对应的索引 进行展开左侧)
增加404错误页面
tab记忆功能,刷新保留之前打开的tab (利用cookie 保存点击过的 索引,刷新读取cookie对应的索引 进行打开)
2018-04-30更新
登录页面加上动画效果
首页欢迎页面也加动画效果
2018-04-25更新
针对首页欢迎页面调整
修改tab窗口首页为能关闭
对角色增加页面重新设计
增加图标字体对应的编码
card样式 layui_layui后台模板相关推荐
- card样式 layui_layui样式修改
增加table表格行高:整个表格样式行高修改 .layui-table-cell { height: auto; line-height: 30px; } 修改按钮样式 //增加 //修改 / ...
- 织梦后台样式php,织梦系统(DEDECMS)后台模板修改
dede后台模板修改,织梦后台模板修改 当我们在接单建站的时候为了不让客户看到是用的织梦程序,可以根据下面的教程来更改织梦后台模板风格.去除在织梦后台管理系统中默认的织梦后台模板有很多广告信息 首先我 ...
- 关于ecshop数据库表和字段及后台模板说明
原文地址:关于ecshop数据库表和字段的说明作者:DevelopmentCorpu 关于ecshop数据库表和字段的说明,ecshop二次开发必备资料: ecs_account_log 用户帐号情况 ...
- GitHub 上 6 款牛哄哄的后台模板
今日推荐 一个基于SpringBoot+Vue的百度网盘高仿项目 一个Github项目搞定微信.QQ.支付宝等第三方登录 推荐 7 个牛哄哄 Spring Cloud 实战项目 一套既美观又方便的后台 ...
- 后台模板 开源_3个开源样板网页设计模板
后台模板 开源 在过去,从头开始创建网站很容易. 有了HTML的基本知识,也许还有一点CSS,您就可以毫不费力地构建一个功能强大的网页. 将其扔到您的Web服务器上,您就很好了. < html ...
- php 超炫 页面,dedecms织梦后台模板,超炫界面风格
dedecms织梦后台模板,超炫界面风格 互联网收集,版权归原作者所有,请勿用于商业使用,仅供学习参考.将dede和include文件夹上传到你的网站根目录进行覆盖即可.(注:如果你的后台目录修改了的 ...
- 基于 Ng-zorro-antd 的企业后台模板 ng-alain
ng-alain 详细介绍 ng-alain 一套基于 Ng-zorro-antd[ANT DESIGN] 的企业后台模板. README in English DEMO 快速入门 确保 node 版 ...
- SpringBoot学习(六)——springboot整合后台模板
springboot整合后台模板 在写web程序的时候,如果我们走后端路线的话,前端还是需要了解的,但是写一个前端页面是非常耗时间的,若果能有一个写好的前端模板,后台只要把数据传到前端就可以使用,就可 ...
- React+Next JS 电商主题前台后台模板前端
React+Next JS 电商主题前台后台模板前端 next.js+react GraphQL + ts (type)案例源码 next.js+react GraphQL + ts (type)案例 ...
最新文章
- Spring Security 实战干货:自定义异常处理
- Android关闭USB的ADB调试和文件传输功能(禁用USB)
- 数据分析工具篇——数据读写
- Android2.2查看svn历史提交记录
- 能帮你快速设计好APP的UI kits套装
- java日期格式化 类_Java日期格式化(DateFormat类和SimpleDateFormat类)
- Vue中图片裁剪的实现
- 十七、DS1302的基本应用
- [CSP-S模拟测试]:游戏(最短路)
- linux系统出现BUG:softlockup- CPU#0 STUCK FOR 23s 或 rcu_sched self-detected stall on cpu 等字样的解决办法
- asp.net打开新标签页
- VUE前端二级部门联动下拉菜单
- java.lang.UnsatisfiedLinkError: C:\Users\Administrator\AppData\Local\Temp\2\librocksdbjni91
- 5G丨柬埔寨移动运营商Smart Axiata与华为合作进行5G测试
- 电脑接两个屏幕,其中一个偶尔闪灭
- MySQL 精选问答 500 题
- 学习使用Markdown最基础的语法(编辑器通用) 1
- Unity3D (C#)事件分发机制的实现
- 强大文件搜索工具ag
- 健身房信息管理系统/健身房管理系统