当前博客:10-快码FOF中文编程layui教学-类名:lay-字体

275 次浏览【转载需注明来源】

博客作者:【qiang】

个性签名:请输入个性签名___________

上面的博客说到了页面公共基础类,里面很多实用类名,在做组件的时候,我会配合着组件讲解一下。

这篇博客要说的是基础类有一种类名,是专门设置文字字体大小和颜色。

类名的组成:lay-字体 + 文字大小或者颜色(12,14,16,18,20,红色,橙色,绿色,青色,蓝色,黑色,灰色)。

例如:lay-字体12、lay-字体20、lay-字体黑色等。

代码案例如下:

<段落 类名="lay-字体12">我是12号的字体</段落>
<段落 类名="lay-字体14">我是14号的字体</段落>
<段落 类名="lay-字体16">我是16号的字体</段落>
<段落 类名="lay-字体18">我是18号的字体</段落>
<段落 类名="lay-字体20">我是20号的字体</段落>
<段落 类名="lay-字体红色">我是红色的文字</段落>
<段落 类名="lay-字体橙色">我的橙色的文字</段落>
<段落 类名="lay-字体绿色">我是绿色的文字</段落>
<段落 类名="lay-字体青色">我是青色的文字</段落>
<段落 类名="lay-字体蓝色">我是蓝色的文字</段落>
<段落 类名="lay-字体黑色">我是黑色的文字</段落>
<段落 类名="lay-字体灰色">我是灰色的文字</段落>
Markup

代码效果展示:

 点击此处跳转案例下载:点击下载lay-字体类名实例

10-快码FOF中文编程layui教学-类名:lay-字体