uniapp css竖线

在uni-app中，可以使用CSS样式来创建竖线。有几种方法可以实现这个效果：

1. 使用border属性：可以通过设置元素的border-left或border-right属性来创建竖线。例如，要创建一个红色的竖线，可以使用以下CSS代码：

.vertical-line {
  border-left: 1px solid red;
}

2. 使用伪元素before或after：可以使用伪元素before或after来创建一个空的元素，并设置其宽度和背景颜色来模拟竖线。例如，要创建一个蓝色的竖线，可以使用以下CSS代码：

.vertical-line::before {
  content: "";
  display: block;
  width: 1px;
  height: 100px;
  background-color: blue;
}

3. 使用flex布局：如果你正在使用flex布局，可以使用flex属性来创建竖线。例如，要创建一个绿色的竖线，可以使用以下CSS代码：

.container {
  display: flex;
}

.vertical-line {
  flex: 0 0 1px;
  background-color: green;
}

以上是几种常见的方法来创建竖线的示例。你可以根据自己的需求选择其中一种方法来实现你想要的效果。