
起因是客户的网站在产品详情页有很多图片,比淘宝详情页还多。然后PC端和手机端又是独立分开 的,单PC端或者手机端图片就多达40张。
如果做响应式加载的话,同时要加载80张图片。
所以我们需要的是在PC端只加载PC端的图片,在手机端只加载手机端的图片。
最好的解决方案,大佬给出的标签,在官方标签中是没有的:
{pboot:if({fun=is_mobile()}==1)}
这是手机
{else}
这是电脑
{/pboot:if}这是最简单最方便的。
如果以上方案无法解决,可以使用PHP和函数来处理:
自定义两个函数:
function get_content($field) {
return '{content:' . $field . '}';
}
function get_pics($field) {
return '{pboot:pics num=200 id={content:id} field="' . $field . '"}
<img src="/static/images/loading.png" data-src="[pics:src]" class="w-100">
{/pboot:pics}';
}然后在模板中使用:
{php}
if (is_mobile()) {
// 输出手机端 HTML
echo '
<div class="wap-info">
' . get_content("ext_wapcontent") . '
' . get_pics("ext_wap") . '
</div>';
} else {
// 输出 PC 端 HTML
echo '
<div class="pc-info">
' . get_content("content") . '
' . get_pics("ext_pc") . '
</div>';
}
{/php}如果以上两个方案都无法解决,那就只有将PC端和手机端独立出来,分别制作模板了。
下一篇:没有了!