幻灯片标签

优质
小牛编辑
137浏览
2023-12-01

幻灯片相关的标签有两个,slidesnoslides

slides标签

这个标签其实就一个循环标签,只是会把你指定的幻灯片数据获取出来 | 标签名 | 作用 | 包含属性 | | --- | --- | --- | | slides | 生成幻灯片 |id,item |

标签属性: | 标签属性名 | 含义 | | --- | --- | | id |后台幻灯片 id,必须 | | item |循环变量名,默认为 vo |

noslides标签

标签名作用包含属性
noslides判断有没有幻灯片id,item

标签属性: | 标签属性名 | 含义 | | --- | --- | | id |后台幻灯片 id,必须 |

生成幻灯片

<ul id="home-slider" class="list-unstyled">
    <slides id="1">
        <li>
            <div class="caption-wraper">
                <div class="caption">{$vo.title|default=''}</div>
            </div>
            <a href=""><img src="__TMPL__/public/assets/images/demo/1.jpg" alt=""></a>
        </li>
    </slides>
</ul>

生成幻灯片,如果没有幻灯片并提示

<ul id="home-slider" class="list-unstyled">
    <slides id="1">
        <li>
            <div class="caption-wraper">
                <div class="caption">{$vo.title|default=''}</div>
            </div>
            <a href=""><img src="__TMPL__/public/assets/images/demo/1.jpg" alt=""></a>
        </li>
    </slides>
    <noslides id="1">
        <li>你还没有创建幻灯片;</li>
    </noslides>
</ul>