乐趣区

关于css:这个简单易上手的后台模板新手程序员务必收藏好

  大家好,我是为宽广程序员兄弟操碎了心的小编,每天举荐一个小工具 / 源码,装满你的收藏夹,每天分享一个小技巧,让你轻松节俭开发效率,实现不加班不熬夜不掉头发,是我的指标!

  明天小编举荐一款后盾模板——sa-admin, 一个无需脚手架即可间接运行的后盾模板。

长处

  • 上手简略:提供残缺彻底的封装,不必批改一行源代码即可轻松集成
  • 示例全面:提供大量常见增删改查示例,进步你的生产力

框架选型

  • JS 引擎:Vue @2.6.10
  • UI 框架:Element-UI @2.13.0
  • web 弹层:layer @3.1.1
  • 切页动画:Swiper @4.5.0
  • 即便以上几个框架你都没接触过,只有你认真浏览一遍文档阐明,也能够疾速上手本模板

性能

  • 根底

    • 架构:基于 iframe,无后盾代码,纯 html 模板,可不便的适配任何后端语言
    • 模板:提供大量常见示例,以及各种表单的书写形式,助你疾速 CRUD
    • 菜单:反对一、二、三级菜单,并凋谢一系列接口不便的应用 js 操作菜单
    • 折叠:折叠或膨胀菜单,并且监听窗口大小变动,在拉伸窗口时主动折叠或膨胀菜单,主动响应式
    • 搜寻:智能索引,快捷搜寻关上某个菜单
    • 切换:集成 swiper 动画,滑动、淡入、方块、3D 流、3D 翻转,五种高大上切换动画,任你抉择!
    • 主题:目前保留八种主题:蓝色、绿色、红色、灰色、灰色 - 开展、pro 钛合金、积淀式黑蓝、简洁式灰蓝(切换主题时,可主动保留你的爱好,下次关上时依然无效)
    • 便签:弹出窗口便签,一个长期小便签,可记录一些长期材料
    • 全屏:能够在全屏 / 非全屏之间自在切换
  • tabbar 栏:

    • 卡片沉积:多卡片主动沉积,与菜单双向关联,切换 tab 卡时主动显示左侧菜单
    • 拖动手势:tab 卡反对拖拽手势,上拖新窗口关上、下拽悬浮关上、左拽疾速敞开
    • 双击全屏:当卡片属于悬浮状态时,双击题目区域能够疾速全屏,再次双击勾销全屏
    • 右键菜单:在 tab 上右击,能够:刷新、复制、敞开、敞开其它、敞开所有、悬浮关上、新窗口关上、勾销
    • 双击菜单:双击 tabbar 空白处,能够显示增加新 tab 窗口
    • 保留高度:切换卡片时,可主动保留上个卡片的滚动条高度
  • 凋谢接口

    • 凋谢一系列 api,助你不便的应用 js 操作 tabbar 栏,具体请查看集成文档
    • 锚链:tab 切换主动更改 hash 锚链,同时监听锚链扭转 tab,可灵便的用鼠标前后键切换 tab 窗口(如不须要此性能可在初始化时敞开)
    • 窗口:可在初始化时,设置是否显示 tabbar 栏,来管制它是多窗口还是单窗口,具体见应用文档
    • 更新:性能不断更新中 … 你有好的想法也能够通知我,加群一起交换吧
    • 文档:应用阐明,见文档

预览

结尾

  本期就分享到这里,我是小编南风吹,专一分享好玩乏味、离奇、实用的开源我的项目及开发者工具、学习资源!心愿能与大家独特学习交换,欢送关注我的公众号 【Github 导航站】

退出移动版