轮播图上添加不跟随滑动的标题

<view class='swiper-container'>

  <swiper class='swiper' style="z-index: 100;" indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" circular='true' duration="{{duration}}">

    <block wx:for="{{backgrounds}}" wx:key="unique">

      <swiper-item>

        <image class='swiper-item' src='{{item}}'></image>

      </swiper-item>

    </block>

  </swiper>

  <view class="title-css">

    <text style="color: white;font-size: 16px;font-weight:400;" >{{custname}}</text>

  </view>

</view>




.swiper-container {

  position: relative;

}

.swiper {

  height: 360rpx;

}

.swiper-container .swiper {

  height: 350rpx;

}

.swiper-item {

  width: 94%;

  margin-left: 3%;

  display: block;

  height: 100%;

}

.title-css {

  padding-left:30rpx;

  padding-bottom: 10rpx;

  position: absolute;

  bottom:0;

  left:0%;

  transform:translateX(0%);

  text-align:left;

}

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容