Layui 实现按钮间彩色竖线连接效果

在 Layui 中，可以使用 CSS 样式实现在两个按钮之间添加一条彩色竖线的效果。具体步骤如下：

1. 首先，在 HTML 代码中将两个按钮包裹在一个父元素中，例如一个 div 元素：

   ```html
   <div class="button-container">
     <button class="button1">Button 1</button>
     <button class="button2">Button 2</button>
   </div>
   ```
   

2. 接下来，在 CSS 样式中定义父元素的样式，并添加竖线的效果：

   ```css
   .button-container {
     position: relative;
   }
   
   .button-container::before {
     content: "";
     position: absolute;
     top: 0;
     left: 50%;
     transform: translateX(-50%);
     width: 1px;
     height: 100%;
     background-color: #ff0000; /* 设置彩色竖线的颜色 */
   }
   ```
   
   在上述样式中，通过设置伪元素 `::before`，并使用绝对定位将竖线放置在父元素的中间位置。可以通过修改 `background-color` 属性来改变竖线的颜色。
   

3. 最后，在 layui 框架中引入 CSS 样式：

   ```html
   <link rel="stylesheet" href="layui/css/layui.css">
   <style>
   /* 添加上述 CSS 样式 */
   </style>
   ```
   
   将上述 CSS 样式添加到 layui.css 文件中或者在页面中直接添加样式。
   

通过上述步骤，就可以在 layui 中使用一条彩色的竖线连接两个按钮。