胶囊样式

样式图例
示例代码
&lt;view class=&quot;padding&quot;&gt;
  &lt;view class=&quot;cu-capsule&quot;&gt;
    &lt;view class=&quot;cu-tag bg-red&quot;&gt;
      &lt;text class=&quot;cuIcon-likefill&quot;&gt;&lt;/text&gt;
    &lt;/view&gt;
    &lt;view class=&quot;cu-tag line-red&quot;&gt;
      12
    &lt;/view&gt;
  &lt;/view&gt;
  &lt;view class=&quot;cu-capsule round&quot;&gt;
    &lt;view class=&quot;cu-tag bg-blue &quot;&gt;
      &lt;text class=&quot;cuIcon-likefill&quot;&gt;&lt;/text&gt;
    &lt;/view&gt;
    &lt;view class=&quot;cu-tag line-blue&quot;&gt;
      23
    &lt;/view&gt;
  &lt;/view&gt;
  &lt;view class=&quot;cu-capsule round&quot;&gt;
    &lt;view class=&quot;cu-tag bg-blue &quot;&gt;
      说明
    &lt;/view&gt;
    &lt;view class=&quot;cu-tag line-blue&quot;&gt;
      123
    &lt;/view&gt;
  &lt;/view&gt;
  &lt;view class=&quot;cu-capsule radius&quot;&gt;
    &lt;view class=&quot;cu-tag bg-grey &quot;&gt;
      &lt;text class=&quot;cuIcon-likefill&quot;&gt;&lt;/text&gt;
    &lt;/view&gt;
    &lt;view class=&quot;cu-tag line-grey&quot;&gt;
      23
    &lt;/view&gt;
  &lt;/view&gt;
  &lt;view class=&quot;cu-capsule radius&quot;&gt;
    &lt;view class=&quot;cu-tag bg-brown sm&quot;&gt;
      &lt;text class=&quot;cuIcon-likefill&quot;&gt;&lt;/text&gt;
    &lt;/view&gt;
    &lt;view class=&quot;cu-tag line-brown sm&quot;&gt;
      23
    &lt;/view&gt;
  &lt;/view&gt;
&lt;/view&gt;
页面列表