深入浅出Flask(28)： H-ui前端框架的幻灯片

Posted 2021-09-09 caimouse

幻灯片在商业的网站里比较常见，因为一个公司当前正在推销的产品，往往就是几样，一般情况下，就是4到5样产品，因此这几种产品就会有一个大大的图片来宣传，让所有访问该网站的人员可以快捷了解这家公司的产品，从而吸引客户进一步了解情况，并且这种照片更新非常快，快一点的公司每天更新一次，慢的也是一周一更。

所以这个功能是比较重要的内容，下面就通过代码来演示。先来看一下这个例子的展示的内容和方式：

可以看到在正中间有四个点，这四个点表示有多少个图片，也可以通过点击来快速切换图片。

实现的代码也是比较简单：

    <div id="slider-3">