mui轮播图文档:https://dev.dcloud.net.cn/mui/ui/#gallery
示例以原生JavaScript 操作元素,生成DOM结构
function renderSlideshows(imgs) {
let slider_container = document.getElementById("slider_container");
let imgs_length = imgs.length;
if (imgs_length == 1) {
var d = document.createElement("div");
d.classList.add("mui-slider-item");
d.innerHTML = `<a href="#">
<img src="/backend/`+imgs[0]+`">
</a>`;
slider_container.appendChild(d);
} else {
var d = document.createElement("div");
d.classList.add("mui-slider-item", "mui-slider-item-duplicate");
d.innerHTML = `<a href="#">
<img src="/backend/`+imgs[imgs_length-1]+`">
</a>`;
slider_container.appendChild(d);
for (var i = 0; i < imgs_length; i++) {
var d = document.createElement("div");
d.classList.add("mui-slider-item");
d.innerHTML = ['<a href="#">', '<img src="/backend/', imgs[i],'">', "</a>"].join("");
slider_container.appendChild(d);
}
var d = document.createElement("div");
d.classList.add("mui-slider-item", "mui-slider-item-duplicate");
d.innerHTML = `<a href="#">
<img src="/backend/`+imgs[0]+`">
</a>`;
slider_container.appendChild(d);
}
var gallery = mui('.mui-slider');
gallery.slider({
interval: 5000 //自动轮播周期,若为0则不自动播放,默认为0;
});