排版·字体
字体系统的构建，是『动态秩序之美』的第一步
这里是演示的正文...父容器上放个.typo 样式类就这么简单
返璞归真
身处在前端社区的繁荣之下，我们都在有意或无意地追逐。而 layui
偏偏回望当初，奔赴在返璞归真的漫漫征途，自信并勇敢着，追寻于原生态的书写指令，试图以最简单的方式诠释高效。身处在前端社区的繁荣之下，我们都在有意或无意地追逐。而 layui
偏偏回望当初，奔赴在返璞归真的漫漫征途，自信并勇敢着，追寻于原生态的书写指令，试图以最简单的方式诠释高效。
双面体验
拥有双面的不仅是人生，还有
layui。一面极简，一面丰盈。极简是视觉所见的外在，是开发所念的简易。丰盈是倾情雕琢的内在，是信手拈来的承诺。一切本应如此，简而全，双重体验。拥有双面的不仅是人生，还有
layui。一面极简，一面丰盈。极简是视觉所见的外在，是开发所念的简易。丰盈是倾情雕琢的内在，是信手拈来的承诺。一切本应如此，简而全，双重体验。
星辰大海
如果眼下还是一团零星之火，那运筹帷幄之后，迎面东风，就是一场烈焰燎原吧，那必定会是一番尽情的燃烧。待，秋风萧瑟时，散作满天星辰，你看那四季轮回，正是 layui
不灭的执念。如果眼下还是一团零星之火，那运筹帷幄之后，迎面东风，就是一场烈焰燎原吧，那必定会是一番尽情的燃烧。待，秋风萧瑟时，散作满天星辰，你看那四季轮回，正是 layui
不灭的执念。
元素标签字体大小说明
页面标题
<h1>24px 粗在一个页面只有一个页面标题。
标题
<h2>22px 粗作为页面第二级标题，可能在一个页面中使用到多个二级标题。
三级标题
<h3>18px 粗页面第三级标题，嵌套在二级标题下使用。
四级标题
<h4>16px 粗页面第四级标题，嵌套在三级标题下使用。
五级标题
<h5>14px 页面第五级标题，嵌套在四级标题下使用。
六级标题
<h6>12px 页面第六级标题，嵌套在五级标题下使用。
这是一个段落
<p>14px正文中大部分由段落组成。
粗体文本
<strong>14px通常粗体文本用来强调内容。
小的文本
<small>12pxsmall文本字体只有正常字体大小的80%。
超链接
<a>14px超链接具有不同的颜色以区别其他文本。
- 这是一个有序列表
- 含三个列表项
- 作为示例
<ol><li>...</li></ol>14px当组织一些并列项目且关注项目之间顺序时可以使用有序列表。
- 这是一个无序列表
- 含三个列表项
- 作为示例
<ul><li>...</li></ul>14px当组织一些并列项目但不关注项目之间顺序时可以使用无序列表。
layui.use(['element','form','jquery','upload','laydate'], function(){
var element = layui.element;
var form = layui.form;
var $ = layui.jquery;
var layer = layui.layer;
var upload = layui.upload;
var laydate = layui.laydate;
// 子菜单静态高亮
$('.s-subheader a').each(function(){
filename=location.href.substr(location.href.lastIndexOf('/')+1);
if ($(this).attr("href") == filename ){
$(this).addClass("active");
}
});
//执行实例
var uploadInst = upload.render({
elem: '#btnlogo' //绑定元素
,url: '/upload/' //上传接口
,done: function(res){
//上传完毕回调
}
,error: function(){
//请求异常回调
}
});
});
一键复制
编辑
Web IDE
原始数据
按行查看
历史
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
