1.图片显示不全html
在使用layui.table组件中,加载的图片显示不全,需从新定义CSS以下:laravel
.layui-table-cell{ height: auto!important; white-space: normal; }
2.图片显示,路径404浏览器
在组件中加载图片,本人使用的是如:框架
{field: 'image', title: '商品图片', align:'center',width:150, templet:'<div><img href="{{ d.image }}"></div>',style:'height:50px;'}
结果:图片在表格中显示,但浏览器会另外加载一张图片ui
使用模板改正就没有这个问题:spa
首先定义模板,(由于是laravel框架,因此须要@来避免被解析):code
<script type="text/html" id="imgTpl"> <img src="@{{ d.avatar }}"> </script>
再在layui.table中定义:orm
{field: 'avatar', title: '头像', align:'center',width:150, templet:'#imgTpl'}
问题解决htm