待办提醒
926字 4.6分钟 待办
留言标签效果案例
效果展示
2025-04-21 17:00
标签测试
最爱的当然是菁菁
背景色:note-color1
背景色:note-color1
CatOi
2025-04-21 17:00
标签测试
最爱的当然是菁菁
背景色:note-color2
背景色:note-color2
CatOi
2025-04-21 17:00
标签测试
最爱的当然是菁菁
背景色:note-color3
最爱的当然是菁菁,最爱的当然是菁菁,最爱的当然是菁菁,最爱的当然是菁菁。
最爱的当然是菁菁
最爱的当然是菁菁
最爱的当然是菁菁
最爱的当然是菁菁
最爱的当然是菁菁
最爱的当然是菁菁
背景色:note-color3
最爱的当然是菁菁,最爱的当然是菁菁,最爱的当然是菁菁,最爱的当然是菁菁。
最爱的当然是菁菁
最爱的当然是菁菁
最爱的当然是菁菁
最爱的当然是菁菁
最爱的当然是菁菁
最爱的当然是菁菁
CatOi
2025-04-21 17:00
标签测试
最爱的当然是菁菁
背景色:note-color4
背景色:note-color4
CatOi
2025-04-21 17:00
标签测试
最爱的当然是菁菁
背景色:note-color5
背景色:note-color5
CatOi
2025-04-21 17:00
标签测试
最爱的当然是菁菁
背景色:note-color6
背景色:note-color6
CatOi
2025-04-21 17:00
标签测试
最爱的当然是菁菁
背景色:note-color7
背景色:note-color7
CatOi
2025-04-21 17:00
标签测试
最爱的当然是菁菁
背景色:note-color8
背景色:note-color8
CatOi
2025-04-21 17:00
标签测试
最爱的当然是菁菁
背景色:note-color9
背景色:note-color9
CatOi
2025-04-21 17:00
标签测试
最爱的当然是菁菁
背景色:note-color10
背景色:note-color10
CatOi
2025-04-21 17:00
标签测试
最爱的当然是菁菁
背景色:note-color11
背景色:note-color11
CatOi
2025-04-21 17:00
标签测试
最爱的当然是菁菁
背景色:note-color12
背景色:note-color12
CatOi
2025-04-21 17:00
标签测试
最爱的当然是菁菁
背景色:note-color13
背景色:note-color13
CatOi
2025-04-21 17:00
标签测试
最爱的当然是菁菁
背景色:note-color14
背景色:note-color14
CatOi
2025-04-21 17:00
标签测试
最爱的当然是菁菁
背景色:note-color15
背景色:note-color15
CatOi
2025-04-21 17:00
标签测试
最爱的当然是菁菁
背景色:note-color16
背景色:note-color16
CatOi
2025-04-21 17:00
标签测试
最爱的当然是菁菁
背景色:note-color17
背景色:note-color17
CatOi
2025-04-21 17:00
标签测试
最爱的当然是菁菁
背景色:note-color18
背景色:note-color18
CatOi
2025-04-21 17:00
标签测试
最爱的当然是菁菁
背景色:note-color19
背景色:note-color19
CatOi
2025-04-21 17:00
标签测试
最爱的当然是菁菁
背景色:note-color20
背景色:note-color20
CatOi
2025-04-21 17:00
标签测试
最爱的当然是菁菁
背景色:note-color21
背景色:note-color21
CatOi
2025-04-21 17:00
标签测试
最爱的当然是菁菁
背景色:note-color22
背景色:note-color22
CatOi
2025-04-21 17:00
标签测试
最爱的当然是菁菁
背景色:note-color23
背景色:note-color23
CatOi
结构展示
取色来源:https://gradientbuttons.colorion.co/
//颜色:src\styles\ArticleBase.less
<div class="dark">
<div class="border-b bg-gradient py-16">
<div class="message-list">
<div class="message-item note-color1(案例序号)">
<div class="message-meta">
<span>yyyy-MM-dd HH:mm:ss SSS</span>
<span>便签标题</span>
</div>
<div class="message-content">便签内容</div>
<div class="message-author">作者</div>
</div>
</div>
</div>
</div>