# gg-box 布局
gg-box
gg-block和gg-box两者配合使用效果更佳
在 script 中引用组件
若使用uni-app的
easycom引入方式，则无需在script中重复引用
import ggBox from '@/components/gg-picker1/gg-box.vue'
export default {
components: {ggBox}
}
1
2
3
4
2
3
4
在 template 中使用组件
<gg-box />
<!-- 此处可以是任意内容 -->
</gg-box>
1
2
3
2
3
- 从底部弹起的滚动选择器 | 五联动
- 本组件一般用于 日期时间选择
# 属性说明
| 属性名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| margin | Number | 10 | 外边框大小（px） |
| padding | Number | 5 | 内边距大小（px） |
| backgroundColor | String | #ffffff | 背景色，支持所有背景写法 |