胶囊样式

<h1>胶囊样式</h1> <ul> <li>样式图例</li> </ul> <p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=0e7ade6109f08abb7eee0d3782a9c1d7&amp;file=file.png" alt="" /></p> <ul> <li>示例代码</li> </ul> <pre><code class="language-html">&lt;view class="padding"&gt; &lt;view class="cu-capsule"&gt; &lt;view class="cu-tag bg-red"&gt; &lt;text class="cuIcon-likefill"&gt;&lt;/text&gt; &lt;/view&gt; &lt;view class="cu-tag line-red"&gt; 12 &lt;/view&gt; &lt;/view&gt; &lt;view class="cu-capsule round"&gt; &lt;view class="cu-tag bg-blue "&gt; &lt;text class="cuIcon-likefill"&gt;&lt;/text&gt; &lt;/view&gt; &lt;view class="cu-tag line-blue"&gt; 23 &lt;/view&gt; &lt;/view&gt; &lt;view class="cu-capsule round"&gt; &lt;view class="cu-tag bg-blue "&gt; 说明 &lt;/view&gt; &lt;view class="cu-tag line-blue"&gt; 123 &lt;/view&gt; &lt;/view&gt; &lt;view class="cu-capsule radius"&gt; &lt;view class="cu-tag bg-grey "&gt; &lt;text class="cuIcon-likefill"&gt;&lt;/text&gt; &lt;/view&gt; &lt;view class="cu-tag line-grey"&gt; 23 &lt;/view&gt; &lt;/view&gt; &lt;view class="cu-capsule radius"&gt; &lt;view class="cu-tag bg-brown sm"&gt; &lt;text class="cuIcon-likefill"&gt;&lt;/text&gt; &lt;/view&gt; &lt;view class="cu-tag line-brown sm"&gt; 23 &lt;/view&gt; &lt;/view&gt; &lt;/view&gt;</code></pre>