# gg-block 布局
gg-block
gg-block和gg-box两者配合使用效果更佳
在 script 中引用组件
若使用uni-app的
easycom引入方式，则无需在script中重复引用
import ggBlock from '@/components/gg-picker1/gg-block.vue'
export default {
components: {ggBlock}
}
1
2
3
4
2
3
4
在 template 中使用组件
<gg-box />
<gg-block col="3">
<!-- 插槽自定义内容 -->
</gg-block>
<gg-block col="3">
<!-- 插槽自定义内容 -->
</gg-block>
<gg-block col="3">
<!-- 插槽自定义内容 -->
</gg-block>
</gg-box>
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
- 从底部弹起的滚动选择器 | 五联动
- 本组件一般用于 日期时间选择
# 属性说明
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| col | Number | 1 | 宽度占比(1/col) |
| margin | Number | 5 | 外面距离 |
| marginLeft | Number | 5 | 左外面距离 |
| marginRight | Number | 5 | 右外面距离 |
| marginTop | Number | 5 | 上外面距离 |
| marginBottom | Number | 5 | 底外面距离 |
# 事件说明
| 事件名 | 说明 | 返回值 |
|---|---|---|
| @click | 点击触发 |