no message
Former-commit-id: 7e46f409fa33922c33bd4ad0a0c5d654768ebebb [formerly 7e46f409fa33922c33bd4ad0a0c5d654768ebebb [formerly 7e46f409fa33922c33bd4ad0a0c5d654768ebebb [formerly 7e46f409fa33922c33bd4ad0a0c5d654768ebebb [formerly 639bac1eb7272e8fa79619ab271db639cd01f4ab [formerly 3a8f6872690e37750e9d79f242ac7c01573cd936]]]]] Former-commit-id: 146c61b0ea624506fd2b2ab828424bf6b37e2bd2 Former-commit-id: bf27ab0bd3a124f3a1fb6fc5c0dbffdaedbd6184 Former-commit-id: ef6a06017b9b54324f9432e5680c24c752a8d301 [formerly 362516e7d88d3b1413a9cf6e8afb47daffbb7e5b] Former-commit-id: f9fa709d029db4d4ad5c31d032e04fb6f3ec1f75 Former-commit-id: 65fa6c6e7966ba50155bca9a5de5d524a623a03d Former-commit-id: ab97ea314ebfa4dde0b2fed58cfe5586ed39b98a Former-commit-id: c99315c684744f738b51482b5f1139e5789b5fc9 Former-commit-id: ac3a541857ea308892db57dec0426c581bf286c5
This commit is contained in:
@@ -1,5 +1,6 @@
|
||||
<template>
|
||||
<d2-container type="ghost">
|
||||
|
||||
<el-card shadow="never" class="d2-mb">
|
||||
<template slot="header">基础布局</template>
|
||||
<el-row>
|
||||
@@ -29,6 +30,7 @@
|
||||
<el-col :span="4"><div class="grid-content bg-purple-light"></div></el-col>
|
||||
</el-row>
|
||||
</el-card>
|
||||
|
||||
<el-card shadow="never" class="d2-mb">
|
||||
<template slot="header">分栏间隔</template>
|
||||
<el-row :gutter="20">
|
||||
@@ -38,6 +40,7 @@
|
||||
<el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
|
||||
</el-row>
|
||||
</el-card>
|
||||
|
||||
<el-card shadow="never" class="d2-mb">
|
||||
<template slot="header">混合布局</template>
|
||||
<el-row :gutter="20">
|
||||
@@ -56,6 +59,7 @@
|
||||
<el-col :span="4"><div class="grid-content bg-purple"></div></el-col>
|
||||
</el-row>
|
||||
</el-card>
|
||||
|
||||
<el-card shadow="never" class="d2-mb">
|
||||
<template slot="header">分栏偏移</template>
|
||||
<el-row :gutter="20">
|
||||
@@ -70,6 +74,7 @@
|
||||
<el-col :span="12" :offset="6"><div class="grid-content bg-purple"></div></el-col>
|
||||
</el-row>
|
||||
</el-card>
|
||||
|
||||
<el-card shadow="never" class="d2-mb">
|
||||
<template slot="header">对齐方式</template>
|
||||
<el-row type="flex" class="row-bg">
|
||||
@@ -98,6 +103,7 @@
|
||||
<el-col :span="6"><div class="grid-content bg-purple"></div></el-col>
|
||||
</el-row>
|
||||
</el-card>
|
||||
|
||||
<el-card shadow="never" class="d2-mb">
|
||||
<template slot="header">响应式布局</template>
|
||||
<el-row :gutter="10">
|
||||
@@ -107,6 +113,7 @@
|
||||
<el-col :xs="8" :sm="6" :md="4" :lg="3" :xl="1"><div class="grid-content bg-purple-light"></div></el-col>
|
||||
</el-row>
|
||||
</el-card>
|
||||
|
||||
</d2-container>
|
||||
</template>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user