我需要通过 CSS 或 Javascript 创建以下组件。
我会收到一个像 [{'label':'status1'}, {'label':'status2'}, {'label':'status3'}, {'label':'status4'}, {'label':'status5'},{'label':'status6'}].
并且它还支持支持如下高亮红色。在这种情况下,它将收到一个数组,如[{'label':'status1', 'priority': 'high'}, {'label':'status2'}, {'label':'status3'}, {'label':'status4'}, {'label':'status5'},{'label':'status6'}].
在这里,解决方案仅适用于形状和悬停效果。
<ul class="status">
<li><a href=""><span>#</span>Status 1</a></li>
<li><a href=""><span>#</span>Status 2</a></li>
<li><a href=""><span>#</span>Status 3</a></li>
<li><a href=""><span>#</span>Status 4</a></li>
<li><a href=""><span>#</span>Status 5</a></li>
<li><a href=""><span>#</span>Status 6</a></li>
</ul>
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句