<template>
|
<div>
|
<div class="article-meta ">
|
|
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
|
<legend>卡片面板</legend>
|
</fieldset>
|
|
<div class="layui-bg-gray" style="padding: 30px;">
|
<div class="layui-row layui-col-space15">
|
<div class="layui-col-md6">
|
<div class="layui-card">
|
<div class="layui-card-header">卡片面板</div>
|
<div class="layui-card-body">
|
卡片式面板面板通常用于非白色背景色的主体内<br>
|
从而映衬出边框投影
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md6">
|
<div class="layui-card">
|
<div class="layui-card-header">卡片面板</div>
|
<div class="layui-card-body">
|
结合 layui 的栅格系统<br>
|
轻松实现响应式布局
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
<div class="blog-cell">
|
|
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
|
<legend>卡片面板</legend>
|
</fieldset>
|
|
<div class="layui-bg-gray" style="padding: 30px;">
|
<div class="layui-row layui-col-space15">
|
<div class="layui-col-md6">
|
<div class="layui-card">
|
<div class="layui-card-header">卡片面板</div>
|
<div class="layui-card-body">
|
卡片式面板面板通常用于非白色背景色的主体内<br>
|
从而映衬出边框投影
|
</div>
|
</div>
|
</div>
|
<div class="layui-col-md6">
|
<div class="layui-card">
|
<div class="layui-card-header">卡片面板</div>
|
<div class="layui-card-body">
|
结合 layui 的栅格系统<br>
|
轻松实现响应式布局
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
<script>
|
export default {
|
name: "box",
|
data() {
|
return {
|
|
}
|
}
|
}
|
</script>
|
|
</script>
|
|
<style lang="less">
|
|
</style>
|
