<template>
	<ciy-header title="ciy-waterfall样式"></ciy-header>
		<view class="ciy-card">
			<view class="title">瀑布流</view>
			<view class="content">
				.ciy-waterfall .itmcont
			</view>
		</view>
	<view class="ciy-waterfall" style="padding: 0.5em">
		<view class="itmcont wf" style="height: 100px;">wf 1</view>
		<view class="itmcont wf" style="height: 300px;">wf 2</view>
		<view class="itmcont wf" style="height: 150px;">wf 3</view>
		<view class="itmcont wf" style="height: 400px;">wf 4</view>
		<view class="itmcont wf" style="height: 250px;">wf 5</view>
		<view class="itmcont wf" style="height: 350px;">wf 6</view>
		<view class="itmcont wf" style="height: 180px;">wf 7</view>
		<view class="itmcont wf" style="height: 220px;">wf 8</view>
	</view>
</template>

<style>
	.wf {
		background-color: var(--bg4);
		border: 1px solid var(--bg6);
	}
</style>

<script>
	export default {
		data() {
			return {
				init: {},
			}
		},
		onLoad() {
		},
		methods: {
		}
	}
</script>