| commit | author | age | ||
| 56a4b8 | 1 | <template> |
| I | 2 | <div> |
| 3 | <div class="article-meta "> | |
| 4 | ||
| 5 | <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;"> | |
| 6 | <legend>卡片面板</legend> | |
| 7 | </fieldset> | |
| 8 | ||
| 9 | <div class="layui-bg-gray" style="padding: 30px;"> | |
| 10 | <div class="layui-row layui-col-space15"> | |
| 11 | <div class="layui-col-md6"> | |
| 12 | <div class="layui-card"> | |
| 13 | <div class="layui-card-header">卡片面板</div> | |
| 14 | <div class="layui-card-body"> | |
| 15 | 卡片式面板面板通常用于非白色背景色的主体内<br> | |
| 16 | 从而映衬出边框投影 | |
| 17 | </div> | |
| 18 | </div> | |
| 19 | </div> | |
| 20 | <div class="layui-col-md6"> | |
| 21 | <div class="layui-card"> | |
| 22 | <div class="layui-card-header">卡片面板</div> | |
| 23 | <div class="layui-card-body"> | |
| 24 | 结合 layui 的栅格系统<br> | |
| 25 | 轻松实现响应式布局 | |
| 26 | </div> | |
| 27 | </div> | |
| 28 | </div> | |
| 29 | </div> | |
| 30 | </div> | |
| 31 | ||
| 32 | </div> | |
| 33 | <div class="blog-cell"> | |
| 34 | ||
| 35 | <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;"> | |
| 36 | <legend>卡片面板</legend> | |
| 37 | </fieldset> | |
| 38 | ||
| 39 | <div class="layui-bg-gray" style="padding: 30px;"> | |
| 40 | <div class="layui-row layui-col-space15"> | |
| 41 | <div class="layui-col-md6"> | |
| 42 | <div class="layui-card"> | |
| 43 | <div class="layui-card-header">卡片面板</div> | |
| 44 | <div class="layui-card-body"> | |
| 45 | 卡片式面板面板通常用于非白色背景色的主体内<br> | |
| 46 | 从而映衬出边框投影 | |
| 47 | </div> | |
| 48 | </div> | |
| 49 | </div> | |
| 50 | <div class="layui-col-md6"> | |
| 51 | <div class="layui-card"> | |
| 52 | <div class="layui-card-header">卡片面板</div> | |
| 53 | <div class="layui-card-body"> | |
| 54 | 结合 layui 的栅格系统<br> | |
| 55 | 轻松实现响应式布局 | |
| 56 | </div> | |
| 57 | </div> | |
| 58 | </div> | |
| 59 | </div> | |
| 60 | </div> | |
| 61 | ||
| 62 | </div> | |
| 63 | ||
| 64 | </div> | |
| 65 | ||
| 66 | </template> | |
| 67 | ||
| 68 | <script> | |
| 69 | export default { | |
| 70 | name: "box", | |
| 71 | data() { | |
| 72 | return { | |
| 73 | ||
| 74 | } | |
| 75 | } | |
| 76 | } | |
| 77 | </script> | |
| 78 | ||
| 79 | </script> | |
| 80 | ||
| 81 | <style lang="less"> | |
| 82 | ||
| 83 | </style> | |
