mirror of
https://gitee.com/vant-contrib/vant-weapp.git
synced 2025-04-06 03:58:05 +08:00
e4dfc9e48c
* change example dir * Update README.md 更新预览教程 * 新增 layout 组件 * exclude example * change .wxss -> .pcss * 脚本目录更名为 scripts
34 lines
1.0 KiB
Plaintext
34 lines
1.0 KiB
Plaintext
<view class="container">
|
||
|
||
<view class="doc-title">LAYOUT</view>
|
||
|
||
<view class="zan-panel-title">基础用法</view>
|
||
<view class="doc-description">Layout 组件提供了24列栅格，添加 zan-col-x 可以设置元素所占宽度</view>
|
||
<view class="zan-panel">
|
||
<view class="zan-row">
|
||
<view class="zan-col zan-col-8">
|
||
span: 8
|
||
</view>
|
||
<view class="zan-col zan-col-8">
|
||
span: 8
|
||
</view>
|
||
<view class="zan-col zan-col-8">
|
||
span: 8
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<view class="zan-panel-title">offset</view>
|
||
<view class="doc-description">添加 zan-col-offset-x 类可以设置列的偏移宽度，计算方式与 span 相同</view>
|
||
<view class="zan-panel">
|
||
<view class="zan-row">
|
||
<view class="zan-col zan-col-4">span: 4</view>
|
||
<view class="zan-col zan-col-10 zan-col-offset-4">offset: 4, span: 10</view>
|
||
</view>
|
||
<view class="zan-row">
|
||
<view class="zan-col zan-col-12 zan-col-offset-12">offset: 12, span: 12</view>
|
||
</view>
|
||
</view>
|
||
|
||
</view>
|