Home
avatar

CatOi

待办提醒

留言标签效果案例

效果展示

2025-04-21 17:00 标签测试
最爱的当然是菁菁
背景色:note-color1
CatOi
2025-04-21 17:00 标签测试
最爱的当然是菁菁
背景色:note-color2
CatOi
2025-04-21 17:00 标签测试
最爱的当然是菁菁
背景色:note-color3
最爱的当然是菁菁,最爱的当然是菁菁,最爱的当然是菁菁,最爱的当然是菁菁。
最爱的当然是菁菁
最爱的当然是菁菁
最爱的当然是菁菁
最爱的当然是菁菁
最爱的当然是菁菁
最爱的当然是菁菁
CatOi
2025-04-21 17:00 标签测试
最爱的当然是菁菁
背景色:note-color4
CatOi
2025-04-21 17:00 标签测试
最爱的当然是菁菁
背景色:note-color5
CatOi
2025-04-21 17:00 标签测试
最爱的当然是菁菁
背景色:note-color6
CatOi
2025-04-21 17:00 标签测试
最爱的当然是菁菁
背景色:note-color7
CatOi
2025-04-21 17:00 标签测试
最爱的当然是菁菁
背景色:note-color8
CatOi
2025-04-21 17:00 标签测试
最爱的当然是菁菁
背景色:note-color9
CatOi
2025-04-21 17:00 标签测试
最爱的当然是菁菁
背景色:note-color10
CatOi
2025-04-21 17:00 标签测试
最爱的当然是菁菁
背景色:note-color11
CatOi
2025-04-21 17:00 标签测试
最爱的当然是菁菁
背景色:note-color12
CatOi
2025-04-21 17:00 标签测试
最爱的当然是菁菁
背景色:note-color13
CatOi
2025-04-21 17:00 标签测试
最爱的当然是菁菁
背景色:note-color14
CatOi
2025-04-21 17:00 标签测试
最爱的当然是菁菁
背景色:note-color15
CatOi
2025-04-21 17:00 标签测试
最爱的当然是菁菁
背景色:note-color16
CatOi
2025-04-21 17:00 标签测试
最爱的当然是菁菁
背景色:note-color17
CatOi
2025-04-21 17:00 标签测试
最爱的当然是菁菁
背景色:note-color18
CatOi
2025-04-21 17:00 标签测试
最爱的当然是菁菁
背景色:note-color19
CatOi
2025-04-21 17:00 标签测试
最爱的当然是菁菁
背景色:note-color20
CatOi
2025-04-21 17:00 标签测试
最爱的当然是菁菁
背景色:note-color21
CatOi
2025-04-21 17:00 标签测试
最爱的当然是菁菁
背景色:note-color22
CatOi
2025-04-21 17:00 标签测试
最爱的当然是菁菁
背景色: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>
事项规划 待办

喜欢这篇文章嘛,觉得文章不错的话,奖励奖励我!

支付宝打赏支付宝微信打赏 微信