微信小程序 轮播图上添加标题等描述信息

我想在轮播图上添加标题等描述信息,

clipboard.png

轮播用的是<swiper>组件,但只要是写在轮播组件里的都不显示,写在循环外面的button可以显示,但因为不同图片的描述文字不一样,所以只能写在循环里面,求指教有什么好的方法,谢谢!

clipboard.png

阅读 9.3k
2 个回答

swiper-item有个默认样式overflow:hidden;
text被隐藏了,给text加个样式就可以了,如:

.banner text{
    position: absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
}

你把每个图片的描述写到你的 slider_list中,button中的信息根据你划到对应的图片的索引来动态获取

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进