40 lines
991 B
Vue
40 lines
991 B
Vue
<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> |