LayUI怎样实现排行榜效果

1、首先需要引用layui的脚本和样式，这是使用layUI控件的必须条件，具体的文件可从开源官网上下载

2、之后在body中插入div，div需要包含两部分，排行榜名称和排行榜内容，整体样式使用layUI的相关class

3、之后定义排行榜显示数量，已经排行榜热度的颜色表示，这时我设置默认为十个

4、之后循环增加排行榜的内容，包括热度颜色，排行榜点击量，和排行榜的具体点击名称

5、整个热度词刳噪受刃条分为三部分，热度颜色，热度浏览量，热度名称<span class='layui-badge-dot layui-bg-red'></span> <span class='layui-badge-rim'>浏览量100</span> <a>显示名称 </a>

6、之后运行界面，就可以看到类似的排行榜效果，排行榜有热度颜色，热度的浏览点击量，这个热点的名称