iview card布局

js:

div id="app"><row style="background:#eee;padding:20px"><i-col span="4"><card ><p slot="title" align="center">工號:F2845816</p><p slot="title" align="center"> 姓名:大廈將顛</p><image src="http://10.132.241.214:8888/employee/F2845816/avatar" class="aa"></image></card></i-col><i-col span="4" offset="1"><card :bordered="false"><p slot="title" align="center">工號:F2845816</p><p slot="title" align="center"> 姓名:大廈將顛</p><image src="http://10.132.241.214:8888/employee/F2845816/avatar" class="aa"></image></card></i-col><i-col span="4" offset="1"><card :bordered="false"><p slot="title" align="center">工號:F2845816</p><p slot="title" align="center"> 姓名:大廈將顛</p><image src="http://10.132.241.214:8888/employee/F2845816/avatar" class="aa"></image></card></i-col><i-col span="4" offset="1"><card :bordered="false"><p slot="title" align="center">工號:F2845816</p><p slot="title" align="center"> 姓名:大廈將顛</p><image src="http://10.132.241.214:8888/employee/F2845816/avatar" class="aa"></image></card></i-col><i-col span="4" offset="1"><card :bordered="false"><p slot="title" align="center">工號:F2845816</p><p slot="title" align="center"> 姓名:大廈將顛</p><image src="http://10.132.241.214:8888/employee/F2845816/avatar" class="aa"></image></card></i-col></row></div>

css:

.aa{height:100%;width:100%;
}

运行结果:

iview card布局相关推荐

ExtJS 4.2 教程-08：布局系统详解
ExtJS 4.2 系列教程导航目录: ExtJS 4.2 教程-01:Hello ExtJS ExtJS 4.2 教程-02:bootstrap.js 工作方式 ExtJS 4.2 教程-03:使用 ...
Extjs4 常用布局总结
1.anchor 固定布局子组件尺寸相对于容器的尺寸,即父容器容器的大小发生变化时,使用anchor布局的组件会根据规定的规则重新渲染位置和大小( width:500,height:300, ).一 ...
【ExtJS】布局Layout
布局用于定义容器如何组织内部子元素和控制子元素的大小. ExtJS中有两种类型的布局:Container容器类布局与Component组件类布局. Containter容器类布局:负责容器内容Extj ...
ExtJS之标准布局类(针对于panel)
Fit自适应布局使唯一的子元素充满父容器,如果父容器有两个或多个子元素,那么只显示第一个子元素(前提是没有设置 autoScroll: true属性) Accordion布局(折叠布局) 代码: E ...
ExtJs4.2——布局
1.border布局 border布局是当前项目实现中经常使用到的一种布局形式.这种布局将整个页面划分为五个部分,分别是上(north).下(south).左(west).右(east).中(cent ...
移动端基础（2）—— flex弹性布局
一.flex弹性布局 flexible-box-layout 弹性盒式模型,它能更加高效的控制元素的对齐.排列,更重要的是能够自动计算布局内元素的尺寸,无论这个元素的尺寸是固定的还是动态的. 父元素( ...
Ext2.0教程一：Ext介绍以及 ext页面布局
学习ext有一段时间了,也开发了几个项目,抽点时间做个总结,刚好公司让我做个Ext培训,于是随便写个Ext教程. Ext介绍 Ext是一个很不错的Ajax框架,可以用来开发带有华丽外观的胖客户端应用, ...
视频教程-Flutter布局实战网易新闻客户端-flutter
Flutter布局实战网易新闻客户端 Flutter书籍作者.曾任职于多家互联网大型企业,担任移动端项目技术负责人,主导研发和攻关技术难题,项目涉及教育.金融.医疗.交通.车载设备.智能家居等众多领域 ...
html 栅格表单,col 栅格布局
## col 栅格布局规则 ### 该文档不再维护,新版文档地址: [form-create 文档](http://fc.gd8.top) **所有组件均支持布局配置规则,详细参考**[iview栅格 ...

iview card布局

iview card布局相关推荐

最新文章

热门文章