|
@@ -662,7 +662,7 @@ class Color extends Start_Controller {
|
|
|
$colorimg = explode('|',$value['img']);
|
|
$colorimg = explode('|',$value['img']);
|
|
|
$v = $colorimg[0];
|
|
$v = $colorimg[0];
|
|
|
$img_list = [];
|
|
$img_list = [];
|
|
|
- $str_img = '<div class="img-list">';
|
|
|
|
|
|
|
+ $str_img = '<table class="img_container"><tr>';
|
|
|
foreach ($colorimg as $k=>$v)
|
|
foreach ($colorimg as $k=>$v)
|
|
|
{
|
|
{
|
|
|
|
|
|
|
@@ -687,8 +687,8 @@ class Color extends Start_Controller {
|
|
|
// 构建 Data URI
|
|
// 构建 Data URI
|
|
|
$dataUri = 'data:' . $mimeType . ';base64,' . $base64;
|
|
$dataUri = 'data:' . $mimeType . ';base64,' . $base64;
|
|
|
|
|
|
|
|
- $info_list[$key]['img'] = "<img width='170' src='".$dataUri."'>";
|
|
|
|
|
- $str_img .= "<div class='img_item'><img width='170' src='".$dataUri."'></div>";
|
|
|
|
|
|
|
+ //$info_list[$key]['img'] = "<img width='170' src='".$dataUri."'>";
|
|
|
|
|
+ $str_img .= "<td><img width='170' src='".$dataUri."'></td>";
|
|
|
}else{
|
|
}else{
|
|
|
|
|
|
|
|
}
|
|
}
|
|
@@ -696,7 +696,7 @@ class Color extends Start_Controller {
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
}
|
|
|
- $str_img .= '</div>';
|
|
|
|
|
|
|
+ $str_img .= '</tr></table>';
|
|
|
$info_list[$key]['img'] = $str_img;
|
|
$info_list[$key]['img'] = $str_img;
|
|
|
$info_list[$key]['time'] = date('Y-m-d H:i:s',$value['time']);
|
|
$info_list[$key]['time'] = date('Y-m-d H:i:s',$value['time']);
|
|
|
unset($info_list[$key]['id']);
|
|
unset($info_list[$key]['id']);
|
|
@@ -731,21 +731,23 @@ class Color extends Start_Controller {
|
|
|
height: 220px; /* 设置固定行高 */
|
|
height: 220px; /* 设置固定行高 */
|
|
|
mso-height-source: userset; /* 强制Excel使用设定高度 */
|
|
mso-height-source: userset; /* 强制Excel使用设定高度 */
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
- .img_list {
|
|
|
|
|
- mso-line-height-alt: 220px; /* Excel行高兼容 */
|
|
|
|
|
- line-height: 220px;
|
|
|
|
|
- font-size: 0; /* 消除inline-block间隙 */
|
|
|
|
|
|
|
+ .img_container{
|
|
|
|
|
+ width: 100%;
|
|
|
|
|
+ mso-table-lspace: 0pt;
|
|
|
|
|
+ mso-table-rspace: 0pt;
|
|
|
|
|
+ border-collapse: collapse;
|
|
|
|
|
+ table-layout: fixed;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
- .img_item {
|
|
|
|
|
- display: inline-block;
|
|
|
|
|
- width: 24%; /* 留1%作为间距 */
|
|
|
|
|
- max-height: 200px;
|
|
|
|
|
- vertical-align: middle;
|
|
|
|
|
- margin: 1px;
|
|
|
|
|
|
|
+ .img_container td{
|
|
|
|
|
+ width: 25%;
|
|
|
|
|
+ vertical-align: top;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ padding: 2px;
|
|
|
|
|
+ }
|
|
|
|
|
+ .clearfix{
|
|
|
|
|
+ mso-table-lspace: 0pt;
|
|
|
|
|
+ mso-table-rspace: 0pt;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
</style>
|
|
</style>
|
|
|
</head>
|
|
</head>
|
|
|
<body>";
|
|
<body>";
|
