博客
关于我
腾讯云微搭低代码栅格布局介绍
阅读量:393 次
发布时间:2019-03-05

本文共 190 字,大约阅读时间需要 1 分钟。

低代码中有很多布局组件,来方便我们日常开发中进行页面的布局,今天介绍其中的一种栅格布局。我们先看一下用栅格布局搭建好的效果

在这里插入图片描述
所谓的栅格布局其实是行列式布局的一种变种,只不过提供了插槽,可以方便我们使用,我们看一下组件图
在这里插入图片描述
栅格布局默认是4列,但是也可以修改
在这里插入图片描述
需要注意的地方就是图片和文字默认是内联样式会水平占一行,如果我们想变成垂直布局,需要在容器上设置布局为flex然后按垂直放置
在这里插入图片描述

转载地址:http://tvbzz.baihongyu.com/

你可能感兴趣的文章
nginx_rtmp
查看>>
Vue中向js中传递参数并在js中定义对象并转换参数
查看>>
Nginx、HAProxy、LVS
查看>>
nginx一些重要配置说明
查看>>
Nginx下配置codeigniter框架方法
查看>>
Nginx与Tengine安装和使用以及配置健康节点检测
查看>>
Nginx中使用expires指令实现配置浏览器缓存
查看>>
Nginx中使用keepalive实现保持上游长连接实现提高吞吐量示例与测试
查看>>
Nginx中如何配置WebSocket代理?
查看>>
Nginx中实现流量控制(限制给定时间内HTTP请求的数量)示例
查看>>
nginx中配置root和alias的区别
查看>>
nginx主要流程(未完成)
查看>>
Nginx之二:nginx.conf简单配置(参数详解)
查看>>
vue中各模块加载和渲染的过程
查看>>
Nginx从入门到精通
查看>>
Nginx从入门到精通(全)
查看>>
Nginx从安装到高可用,一篇搞定!
查看>>
Nginx代理websocket配置(解决websocket异常断开连接tcp连接不断问题)
查看>>
Nginx代理初探
查看>>
nginx代理地图服务--离线部署地图服务(地图数据篇.4)
查看>>