ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-12-20 01:01:34 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

build docs

Browse Source
This commit is contained in:
cookfront
2017-04-07 17:32:31 +08:00
parent 3f7283f1bd
commit 481f46e41f
1 changed files with 23 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
docs/examples-dist/layout.vue
View File

@@ -1,31 +1,39 @@
<template><section class="demo-layout"><h1 class="demo-title">layout</h1><example-block title="常规用法"> <template><section class="demo-layout"><h1 class="demo-title">layout</h1><example-block title="常规用法">
<zan-row> <zan-row>
<zan-col span="8"> <zan-col span="8">
<div class="gray"></div> <div class="gray">span: 8</div>
</zan-col> </zan-col>
<zan-col span="8"> <zan-col span="8">
<div class="white"></div> <div class="white">span: 8</div>
</zan-col> </zan-col>
<zan-col span="8"> <zan-col span="8">
<div class="gray"></div> <div class="gray">span: 8</div>
</zan-col>
</zan-row>
<zan-row>
<zan-col span="4">
<div class="gray">span: 4</div>
</zan-col>
<zan-col span="10" offset="4">
<div class="gray">offset: 4, span: 10</div>
</zan-col> </zan-col>
</zan-row> </zan-row>
<zan-row> <zan-row>
<zan-col offset="12" span="12"> <zan-col offset="12" span="12">
<div class="gray"></div> <div class="gray">offset: 12, span: 12</div>
</zan-col> </zan-col>
</zan-row> </zan-row>
</example-block><example-block title="在列元素之间增加间距"> </example-block><example-block title="在列元素之间增加间距">
<zan-row gutter="10"> <zan-row gutter="10">
<zan-col span="8"> <zan-col span="8">
<div class="gray"></div> <div class="gray">span: 8</div>
</zan-col> </zan-col>
<zan-col span="8"> <zan-col span="8">
<div class="white"></div> <div class="gray">span: 8</div>
</zan-col> </zan-col>
<zan-col span="8"> <zan-col span="8">
<div class="gray"></div> <div class="gray">span: 8</div>
</zan-col> </zan-col>
</zan-row> </zan-row>
@@ -44,11 +52,19 @@
.gray { .gray {
height: 30px; height: 30px;
line-height: 30px;
font-size: 12px;
background: #666; background: #666;
color: #fff;
text-align: center;
} }
.white { .white {
height: 30px; height: 30px;
line-height: 30px;
font-size: 12px;
background: #fff; background: #fff;
color: #333;
text-align: center;
} }
</style> </style>
<script> <script>