线条能够贴合在文字的下半部分

效果图如下

话不多说，直接上代码

<view class="user">基础信息</view>  

.user{
   display: inline-block; 
   line-height: 50rpx;
   background-image: linear-gradient(to bottom, transparent, transparent 50%, #62d2a2 50%,  #62d2a2); 
   padding-bottom: 5rpx;
}

在这个案例中，我使用了background-image来创建一个渐变背景，其中透明部分占据文字的上半部分，而#62d2a2颜色占据文字的下半部分，从而模拟出线条贴合在文字下半部分的效果。line-height用于设置行高，它决定了文字垂直居中的空间大小。padding-bottom则用于在文字和线条下方添加一些间距。

请注意，background-image的linear-gradient函数用于创建一个线性渐变背景。在这个例子中，渐变从左侧开始，前50%是透明的，后50%是#62d2a2颜色。这样，渐变就会在文字的下半部分开始显示#62d2a2颜色，从而形成一个线条效果。

您可能需要根据实际需求和文字的大小来调整line-height、padding-bottom以及渐变的位置和颜色，以达到最佳效果。同时，请确保您的微信小程序环境支持这些样式属性。如果某些属性不支持，您可能需要寻找其他方法来实现所需的效果。