首页 > 其他分享 >Layui官网—配色方案

Layui官网—配色方案

时间:2024-01-06 23:31:41浏览次数:29  
标签:不同 七种 Layui 色调 配色 layui 官网 分割线

基色调

Layui官网—配色方案_背景色

layui v2 版本主要是以象征包容的墨绿作为主色调,由于它给人以深沉感,所以通常会以浅黑色的作为其陪衬,又会以蓝色这种比较鲜艳的色调来弥补它的色觉疲劳,整体让人清新自然,愈发耐看。

辅色调

Layui官网—配色方案_背景色_02

页面中同样也少不了辅助色彩的点缀,以对不同含义的内容加以区分。Layui 从暖色系(红/橙)和冷色系(绿/蓝)中,各自调取了我们认为最具代表性的颜色值,它们通常在不同的场景中发挥着不同的作用。

中性的颜色

Layui官网—配色方案_背景色_03

一般用于背景、边框等。

七种色

Layui官网—配色方案_背景色_04

layui 内置了七种背景色,以便你用于各种元素中,如:徽章、分割线、导航等等

标签:不同,七种,Layui,色调,配色,layui,官网,分割线
From: https://blog.51cto.com/u_16308706/9128326

相关文章

  • Layui官网栅格系统与后台布局
    栅格系统为了丰富网页布局,简化HTML/CSS代码的耦合,并提升多终端的适配能力,layui在2.0的版本中引进了自己的一套具备响应式能力的栅格系统。我们将容器进行了12等分,预设了4*12种CSS排列类,它们在移动设备、平板、桌面中/大尺寸四种不同的屏幕下发挥着各自的作用。一、栅格......
  • Layui官网常见问题
    应该如何加载模块?JSlayui.use(['layer','form','element'],function(){varlayer=layui.layer,form=layui.form,element=layui.element//……//你的代码都应该写在这里面});为什么表单不显示?当你使用表单时,layui会对select、checkbox、radio......
  • 因遭受“重大 DDoS 进击”,官网及服务一度封停或崩溃
    1月2日最新消息,AtomicalsMarket在社交媒体上发文表示,正遭受DDoS进攻,如果网站显示已被封锁,用户请勿担心。团队正在努力解决该问题,预计很快将会恢复正常。开源建模软件11月底也曾多次遭受严重进攻,一度导致软件官网及部分服务崩溃。在Blender网站上发布的公告中,公司首席运营官Fra......
  • Layui官网模块规范
    预先加载模块layui通过use方法加载模块。当你的JS需要用到layui模块的时候,且避免到处写layui.use()的麻烦。你应该在最外层如此定义:</>layui.use(['form','upload'],function(){//如果只加载一个模块,可以不填数组。如:layui.use('form')varform=layui.form//获......
  • Lumen框架 之Layui权限管理系统
    一、效果图二、地址https://gitee.com/yang1015/lumen-rbac......
  • Firefox 110, Chrome 110, Chromium 110 官网离线下载 (macOS, Linux, Windows)
    MozillaFirefox,GoogleChrome,Chromium,AppleSafari作者主页:www.sysin.org天下只剩三种(主流)浏览器:AppleSafariMozillaFirefoxGoogleChrome(Chromium)【国外各种(MicrosoftEdge、Opera…),国产各种…】Safari下载:AppleSafari16.3-macOS专属浏览器(独立安装包下载)如何屏......
  • Layui使用
    layui兼容人类正在使用的全部浏览器(IE6/7除外),可作为Web界面速成开发方案。下载引用官网首页下载你可以在我们的 官网首页 下载到layui的最新版,它经过了自动化构建,更适合用于生产环境。目录结构如下:layui/├─css│└─layui.css#核心样式库└─layui.js......
  • Firefox 120, Chrome 120, Chromium 120 官网离线下载 (macOS, Linux, Windows)
    Firefox120,Chrome120,Chromium120官网离线下载(macOS,Linux,Windows)MozillaFirefox,GoogleChrome,Chromium,AppleSafari作者主页:sysin.org天下只剩三种(主流)浏览器:AppleSafariMozillaFirefoxGoogleChrome(Chromium)【国外各种(MicrosoftEdge、Opera…),国产各种…】......
  • 麒麟系统安装官网MySQL数据库
    ARM架构麒麟系统安装MySQL数据库来源于:https://blog.csdn.net/m0_57909067/article/details/134305802一、基于物理机安装1、安装步骤(官网RPM安装)1.1、关闭防火墙停止防火墙systemctlstopfirewalld.service关闭防火墙systemctldisablefirewalld.service说明:执行disable......
  • Layui treeTable 使用【数据不显示、子级不显示】
    //返回JSON数据类publicclassLeaveMessageTreeTable{publicLeaveMessageTreeTable(){this.children=newList<LeaveMessageTreeTable>();this.isParent=false;}publicintId{get;set;}publicintUserId{get;s......