顶部操作条
<h1>顶部操作条</h1>
<ul>
<li>样式图例</li>
</ul>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=d7ad0b1a13f49ed001a270311cb33eae&file=file.png" alt="" /></p>
<ul>
<li>示例代码</li>
</ul>
<pre><code class="language-html"><view class="cu-bar bg-white">
<view class="action">
<text class="cuIcon-back text-gray"></text> 返回
</view>
<view class="content text-bold">
操作条
</view>
</view></code></pre>
<ul>
<li>样式图例</li>
</ul>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=6aa6e3de31a07ad0d15f500ecbfd0406&file=file.png" alt="" /></p>
<ul>
<li>示例代码</li>
</ul>
<pre><code class="language-html"> <view class="cu-bar bg-white">
<view class="action">
<text class="cuIcon-homefill text-gray"></text> 首页
</view>
<view class="content text-bold">
鲜亮的高饱和色彩，专注视觉的小程序组件库
</view>
<view class="action">
<text class="cuIcon-cardboardfill text-grey"></text>
<text class="cuIcon-recordfill text-red"></text>
</view>
</view></code></pre>
<ul>
<li>样式图例</li>
</ul>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=93f607ce3cfd9b57f8070e35335c3dc6&file=file.png" alt="" /></p>
<ul>
<li>示例代码</li>
</ul>
<pre><code class="language-html"><view class="cu-bar bg-blue">
<view class="action">
<text class="cuIcon-close"></text> 关闭
</view>
<view class="content text-bold">
海蓝
</view>
</view></code></pre>
<ul>
<li>样式图例</li>
</ul>
<p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=606d90fc65fcbbbfee211076850263c0&file=file.png" alt="" /></p>
<ul>
<li>示例代码</li>
</ul>
<pre><code class="language-html"><view class="cu-bar bg-black search">
<view class="cu-avatar round" style="background-image:url(https://image.weilanwl.com/img/square-3.jpg);"></view>
<view class="content">
ColorUI
</view>
<view class="action">
<text class="cuIcon-more"></text>
</view>
</view>
</view></code></pre>