Joe3部分样式展示

<joe-copy
  title="点击复制"
  content="这是一段美好的鸡汤文"
  color="green"
  bold></joe-copy>

便条按钮

<joe-anote href="#" type="secondary" content="便条按钮"></joe-anote>
<joe-anote icon="fa-bus" href="#" type="success" content="便条按钮"></joe-anote>
<joe-anote icon="fa-bus" href="#" type="warning" content="便条按钮"></joe-anote>
<joe-anote icon="fa-bus" href="#" type="error" content="便条按钮"></joe-anote>
<joe-anote icon="fa-bus" href="#" type="info" content="便条按钮"></joe-anote>

标签按钮

<joe-anote
  icon="fa-download"
  href="#"
  type="success"
  content="标签按钮"></joe-anote>

网盘按钮

<joe-cloud type="default" url="" password=""></joe-cloud>
<joe-cloud type="360" url="" password=""></joe-cloud>
<joe-cloud type="bd" title=小约翰视频 url="https://pan.baidu.com/share/init?surl=UdfBAv3Jzlxon2z8VGa7iQ&pwd=bubn" password="bubn"></joe-cloud>
<joe-cloud type="ty" url="" password=""></joe-cloud>
<joe-cloud type="ct" url="" password=""></joe-cloud>
<joe-cloud type="wy" url="" password=""></joe-cloud>
<joe-cloud type="github" url="" password=""></joe-cloud>
<joe-cloud type="gitee" url="" password=""></joe-cloud>
<joe-cloud type="lz" url="" password=""></joe-cloud>
<joe-cloud type="ad" url="" password=""></joe-cloud>

跑马灯

<span class="joe_lamp"></span>

进度条

<joe-progress percentage="80%" color="#6ce766"></joe-progress>

彩色虚线

<joe-dotted></joe-dotted>
<joe-dotted startcolor="#1772e8" endcolor="#4cd327"></joe-dotted>

Tabs

<joe-tabs>
  <div class="_tpl">
    {tabs-pane 第一个}单身狗的故事{/tabs-pane}
    {tabs-pane 第二个}小说家的故事{/tabs-pane}
  </div>
</joe-tabs>

时间线

<joe-timeline>
 <div class="_tpl">
   {timeline-item 2020}10元{/timeline-item}
   {timeline-item 2021}20元{/timeline-item}
   {timeline-item 2022}100元{/timeline-item}
 </div>
</joe-timeline>

视频播放

<joe-dplayer src="https://list.alish.sortiey.com:44443/d/Local/Blog/202604/2024%E5%A4%A7%E7%90%86%E6%B4%B1%E6%B5%B7.mp4?sign=Dn-P_7DJ6BgL3rNr8ln1r3NMyVeIN5Jt6r4_EPf3BwU=:0"></joe-dplyer>

Bilibili 视频

<joe-bilibili bvid="BV12h411k7vr"></joe-bilibili>

网易云歌单

<joe-mlist id="6800335663"></joe-mlist>

网易云单曲

<joe-music id="1303046498"></joe-music>

音乐播放器

<joe-mp3
  name="天生狂野-柴古唐斯主题曲"
  url="https://bbchin.com/upload/2022/04/%E5%A4%A9%E7%94%9F%E7%8B%82%E9%87%8E-%E6%9F%B4%E5%8F%A4%E5%94%90%E6%96%AF%E4%B8%BB%E9%A2%98%E6%9B%B2.mp3"
  theme="red"
  cover="https://bbchin.com/upload/2022/04/cgts.png"
  autoplay="ture"></joe-mp3>