uniapp 标题后面紧跟一个标签的布局

时间:2021-10-03 14:25:16

使用uni-app的时候,因为想用flex布局,所以一开始就设置了全部view display为flex。

之后遇到了如下这种样式:

uniapp 标题后面紧跟一个标签的布局

开始想了半天没想出来,后来想到div span有这个效果。

然后就有了两种方法:

1、使用uni-app的 rich-text 然后节点使用div span 拼一个字符串出来。

  <div><span>这里是标题这里是标题这里是标题这里是标题</span> <span class="label">标签</span></div>

2、设置外层的 view display 为 block。内层使用 text 即可。

  <view id="test" class="block">
    <text>这里是文字这里是文字这里是文字这里是文字这里是文字</text><text class="label">标签</text>
  </view>

然后在根据class写样式即可。