鍍金池/ 問答/HTML/ 微信小程序 輪播圖上添加標(biāo)題等描述信息

微信小程序 輪播圖上添加標(biāo)題等描述信息

我想在輪播圖上添加標(biāo)題等描述信息，

clipboard.png

輪播用的是<swiper>組件,但只要是寫在輪播組件里的都不顯示，寫在循環(huán)外面的button可以顯示，但因?yàn)椴煌瑘D片的描述文字不一樣，所以只能寫在循環(huán)里面，求指教有什么好的方法，謝謝！

clipboard.png

回答
編輯回答
毀憶

swiper-item有個(gè)默認(rèn)樣式overflow:hidden;
text被隱藏了，給text加個(gè)樣式就可以了，如：

.banner text{
    position: absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
}
2017年11月25日 21:57
編輯回答
艷骨

你把每個(gè)圖片的描述寫到你的 slider_list中，button中的信息根據(jù)你劃到對(duì)應(yīng)的圖片的索引來動(dòng)態(tài)獲取

2017年12月16日 22:16