使用场景

当我们在网页上面需要创建很多按钮来区分不同功能，就可以给不同的按钮设置不同的颜色来区分，“按钮生成”功能是专门用来生成按钮配色的，通过AI计算，自动智能配色按钮颜色。
image.png

生成方式

在“TaoSql Admin”系统左侧菜单中找到“在线工具”里面的“按钮生成”，点击“按钮生成”打开生成页面，设置生成的数量，点击“生成颜色”按钮，此时系统会随机生成相同数量的按钮，你可以选择比较好看的按钮点击“复制”按钮。
image.png

添加方式

我们将复制的HTML代码粘贴到HTML文件中，注意，您需要在网页中引用layui样式
image.png
按钮应用案例：

  1. <!DOCTYPE html>
  2. <html>
  3.     <head>
  4.         <meta charset="utf-8" />
  5.         <title>按钮应用</title>
  6.         <meta name="renderer" content="webkit" />
  7.         <link rel="stylesheet" href="https://www.layuicdn.com/layui/css/layui.css?v=20201111001" />
  8.         <style>
  9.             body {
  10.                 padding: 15px;
  11.                 background-color: #FFFFFF;
  12.             }
  13.         </style>
  14.     </head>
  15.     <body class="layui-form">
  16.         <button class="layui-btn layui-btn-sm"
  17.             style="background-color: rgb(96,250,134);color:rgb(31,167,69);">添加角色</button>
  18.         <button class="layui-btn layui-btn-sm"
  19.             style="background-color: rgb(250,236,250);color:rgb(218,56,200);">删除角色</button>
  20.         <button class="layui-btn layui-btn-sm"
  21.             style="background-color: rgb(172,250,250);color:rgb(107,169,201);">添加权限</button>
  22.         <button class="layui-btn layui-btn-sm"
  23.             style="background-color: rgb(254,239,135);color:rgb(189,59,70);">删除权限</button>
  24.     </body>
  25. </html>

HTML运行效果：
image.png