收藏
回答

swiper中如何在图片上面显示文字

问题模块
API和组件

   <swiper class="top-bar" indicator-dots="true" autoplay="true" 

    indicator-color="#fff" indicator-active-color="#00BFFF" circular="true">

      <block wx:for="{{navlist}}" wx:key="">

         <swiper-item>

            <image src="{{item}}" class="swiper_img"/>

            <text class="swiper_text">文字内容</text>

         </swiper-item>

      </block>

   </swiper>

想在图片上显示文字,是要自己去调这个text的位置吗?


最后一次编辑于  2017-07-20
回答关注问题邀请回答
收藏

3 个回答

  • 武武武
    武武武
    2017-07-20

       <swiper class="top-bar" indicator-dots="true" autoplay="true" indicator-color="#fff" indicator-active-color="#00BFFF" circular="true">

          <block wx:for="{{navlist}}" wx:key="">

             <swiper-item>

                <navigator class="swiper_nav" style="background-image: url({{item}});">

                <text class="nav_text">海贼王{{index}}</text>

                </navigator>

             </swiper-item>

          </block>

       </swiper>

    自己通过设置背景图的方式解决。还是感谢楼上的!

    2017-07-20
    赞同
    回复
  • SoberLi
    SoberLi
    2017-07-20

    仅供参考

    2017-07-20
    赞同
    回复
  • 武武武
    武武武
    2017-07-20

    怎么都没人回答呢?

    2017-07-20
    赞同
    回复