uniapp 文字中划线

引用中提供了一段CSS样式代码，其中包含了三个类名为".line-Box"、".line-Box1"和".line-Box2"的样式规则，用于创建下划线效果。这些下划线样式具有黑色背景、宽度为40%、高度为3rpx的特点，同时设置了一些边距属性来控制下划线的位置。引用中也提供了一段样式代码，用于创建一个视图容器，并包含了一些文本项的样式规则。这些文本项是使用了".text-item"类名，并设置了一些样式属性，如宽度、字体大小、边框等。引用则展示了一个Uniapp的代码模板，其中使用了这些样式来实现了一个下划线效果。具体来说，根据绑定的标签条件，使用了三个不同的类名的下划线样式来显示或隐藏相应的下划线。通过点击不同的文本项，可以实现切换下划线的效果。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [uni-app学习(四):带有下划线的标签选择](https://blog.csdn.net/weixin_42180036/article/details/114376976)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]