Html部分
//默认显示内容
<div class="main-xueyuan-container redhallwaterfullconntainer">
<ul class="grid" id="grid">
{volist name="$list" id="r"}
<li>
<!-- <a href="javascript:(0)" data-img-href="{$r.img_url}">-->
<a href="javascript:(0)" data-img-href="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fitem%2F202005%2F17%2F20200517150133_zPHhh.jpeg&refer=http%3A%2F%2Fc-ssl.duitang.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1680863870&t=82db12645efe91eeb490373ee498ec8d">
<img src="{$r.img_url}" alt="{$r.id}" />
<div class="grid-item-content">
<div class="grid-item-content-title text-ellipsis-1">
{$r.id}
</div>
</div>
</a>
</li>
{/volist}
</ul>
</div>
<div
class="modal fade"
id="staticBackdrop"
data-bs-backdrop="static"