123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116 |
-
-
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>辅助元素</title>
- <meta name="renderer" content="webkit">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
- <link rel="stylesheet" href="../../../layuiadmin/layui/css/layui.css" media="all">
- <link rel="stylesheet" href="../../../layuiadmin/style/admin.css" media="all">
- </head>
- <body>
-
-
- <div class="layui-card layadmin-header">
- <div class="layui-breadcrumb" lay-filter="breadcrumb">
- <a lay-href="">主页</a>
- <a><cite>组件</cite></a>
- <a><cite>辅助</cite></a>
- </div>
- </div>
-
- <style>
- /* 这段样式只是用于演示 */
-
- </style>
-
- <div class="layui-fluid">
- <div class="layui-row layui-col-space15">
- <div class="layui-col-md12">
- <div class="layui-card">
- <div class="layui-card-header">引用区块</div>
- <div class="layui-card-body">
- <blockquote class="layui-elem-quote">这个貌似不用多介绍,因为你已经在太多的地方都看到</blockquote>
-
- <blockquote class="layui-elem-quote layui-quote-nm">
- 猿强,则国强。国强,则猿更强!
- <br>——孟子(好囖。。其实这特喵的是我说的)
- </blockquote>
- </div>
- </div>
- <div class="layui-card">
- <div class="layui-card-header">字段集区块</div>
- <div class="layui-card-body">
-
- <fieldset class="layui-elem-field">
- <legend>爱好</legend>
- <div class="layui-field-box">
- 你可以在这里放任何内容,比如表单神马的
- </div>
- </fieldset>
-
- <br>
-
- <fieldset class="layui-elem-field layui-field-title">
- <legend>带标题的横线</legend>
- </fieldset>
-
- </div>
- </div>
- <div class="layui-card">
- <div class="layui-card-header">分割线</div>
- <div class="layui-card-body">
-
- 默认分割线
- <hr>
-
- 赤色分割线
- <hr class="layui-bg-red">
-
- 橙色分割线
- <hr class="layui-bg-orange">
-
- 墨绿分割线
- <hr class="layui-bg-green">
-
- 青色分割线
- <hr class="layui-bg-cyan">
-
- 蓝色分割线
- <hr class="layui-bg-blue">
-
- 黑色分割线
- <hr class="layui-bg-black">
-
- 灰色分割线
- <hr class="layui-bg-gray">
-
- </div>
- </div>
- <div class="layui-card">
- <div class="layui-card-header">纯圆角</div>
- <div class="layui-card-body">
-
- <div class="layui-inline">
- <img src="http://cdn.layui.com/avatar/168.jpg?t=1490352249902" class="layui-circle">
- </div>
-
- </div>
- </div>
- </div>
- </div>
- </div>
-
- <script src="../../../layuiadmin/layui/layui.js"></script>
- <script>
- layui.config({
- base: '../../../layuiadmin/' //静态资源所在路径
- }).extend({
- index: 'lib/index' //主入口模块
- }).use(['index']);
- </script>
- </body>
- </html>
|