cv-block 布局 ¶
简要 ¶
cv-block
和cv-box
两者配合使用效果更佳
示例 ¶
vue
<template>
<view>
<cv-box>
<cv-block col="3">
<!-- 插槽自定义内容 -->
</cv-block>
<cv-block col="3">
<!-- 插槽自定义内容 -->
</cv-block>
<cv-block col="3">
<!-- 插槽自定义内容 -->
</cv-block>
</cv-box>
</view>
</template>
<script>
export default {
data() {
return {
};
}
}
</script>
属性 ¶
属性名 | 类型 | 默认值 | 说明 |
---|---|---|---|
col | Number | 1 | 宽度占比(1/col) |
margin | Number | 5 | 外面距离 |
marginLeft | Number | 5 | 左外面距离 |
marginRight | Number | 5 | 右外面距离 |
marginTop | Number | 5 | 上外面距离 |
marginBottom | Number | 5 | 底外面距离 |
事件 ¶
事件名 | 说明 | 返回值 |
---|---|---|
@click | 点击触发 |