lijh
2022-01-14 d629d9ee09eb91be19fd21f04f78a89f7d837c3a
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>