微信小程序开发指南

基于ColorUI的组件化页面开发


彩色时间轴

<h1>彩色时间轴</h1> <ul> <li>样式图例</li> </ul> <p><img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=fa727bbdf7f21eaa57fc9f51eb2f2fb7&amp;file=file.png" alt="" /></p> <ul> <li>示例代码</li> </ul> <pre><code class="language-html">&lt;view class="cu-timeline"&gt; &lt;view class="cu-time"&gt;昨天&lt;/view&gt; &lt;view class="cu-item cur cuIcon-noticefill"&gt; &lt;view class="content bg-green shadow-blur"&gt; &lt;text&gt;22:22&lt;/text&gt; 【广州市】快件已到达地球 &lt;/view&gt; &lt;/view&gt; &lt;view class="cu-item text-red cuIcon-attentionforbidfill"&gt; &lt;view class="content bg-red shadow-blur"&gt; 这是第一次,我家的铲屎官走了这么久。久到足足有三天!! &lt;/view&gt; &lt;/view&gt; &lt;view class="cu-item text-grey cuIcon-evaluate_fill"&gt; &lt;view class="content bg-grey shadow-blur"&gt; 这是第一次,我家的铲屎官走了这么久。 &lt;/view&gt; &lt;/view&gt; &lt;view class="cu-item text-blue"&gt; &lt;view class="bg-blue content"&gt; &lt;text&gt;20:00&lt;/text&gt; 【月球】快件已到达月球,准备发往地球 &lt;/view&gt; &lt;view class="bg-cyan content"&gt; &lt;text&gt;10:00&lt;/text&gt; 【银河系】快件已到达银河系,准备发往月球 &lt;/view&gt; &lt;/view&gt; &lt;/view&gt; </code></pre>

页面列表

ITEM_HTML