首页
综合版
演示/介绍
系统更新
安装环境
使用文档
到家系统
外卖系统
登录
综合版
演示/介绍
系统更新
安装环境
使用文档
到家系统
外卖系统
登录
表格排行榜正文
美化源代码
复制源代码
源代码
<section style="margin: 10px auto;display: flex;flex-direction: column;justify-content:space-between;width: 320px;align-items: center;box-sizing: border-box;"><section style="background-image: url(http://img.mifenlei.com/template/1600053468715981.png);background-position: center center;background-repeat: no-repeat;background-size: 100%;width: 320px;height: 55px;display: flex;justify-content: center;align-items: center;text-align: center;z-index: 3;"><p style="font-size: 16px;color: #ffffff;"> 最具潜力排行榜</p></section><section style="background: #ffc431;padding: 10px;margin-top: -10px;width: 305px;box-sizing: border-box;"><section style="background: #e39d29;padding: 5px;box-sizing: border-box;"><section style="background: #ffffff;padding: 5px 5px 30px;box-sizing: border-box;"><section style="display: flex;flex-direction: column;justify-content: center;"><section style="display: flex;align-items: center;margin-top: 10px;margin-bottom: 10px;"><section style="flex: 2;display: flex;justify-content:center;"><p style="font-size: 15px;"> 排名</p></section><section style="flex: 4;display: flex;justify-content:center;"><p style="font-size: 15px;"> 用户名</p></section><section style="flex: 4;display: flex;justify-content:center;"><p style="font-size: 15px;"> 班级</p></section><section style="flex:1.65;display: flex;justify-content:center;"><p style="font-size: 15px;"> 分数</p></section></section><section style="display: flex;align-items: center;margin-top: 10px;margin-bottom: 10px;color: #3646d9;"><section style="flex:0.3;display: flex;justify-content:center;"><p style="font-size: 15px;"> 1</p></section><section style="flex: 1;display: flex;justify-content:center;"><p style="font-size: 15px;"> 王麻子老师</p></section><section style="flex: 0.5;display: flex;justify-content:center;"><p style="font-size: 15px;"> 1班</p></section><section style="flex:0.5;display: flex;justify-content:center;"><p style="font-size: 15px;"> 10000</p></section></section><section style="display: flex;align-items: center;margin-top: 10px;margin-bottom: 10px;color: #3646d9;"><section style="flex:0.3;display: flex;justify-content:center;"><p style="font-size: 15px;"> 2</p></section><section style="flex: 1;display: flex;justify-content:center;"><p style="font-size: 15px;"> 王麻子老师</p></section><section style="flex: 0.5;display: flex;justify-content:center;"><p style="font-size: 15px;"> 2班</p></section><section style="flex:0.5;display: flex;justify-content:center;"><p style="font-size: 15px;"> 10000</p></section></section><section style="display: flex;align-items: center;margin-top: 10px;margin-bottom: 10px;color: #3646d9;"><section style="flex:0.3;display: flex;justify-content:center;"><p style="font-size: 15px;"> 3</p></section><section style="flex: 1;display: flex;justify-content:center;"><p style="font-size: 15px;"> 王麻子老师</p></section><section style="flex: 0.5;display: flex;justify-content:center;"><p style="font-size: 15px;"> 3班</p></section><section style="flex:0.5;display: flex;justify-content:center;"><p style="font-size: 15px;"> 10000</p></section></section></section></section></section></section></section>
可视化
最具潜力排行榜
排名
用户名
班级
分数
1
王麻子老师
1班
10000
2
王麻子老师
2班
10000
3
王麻子老师
3班
10000
