【小程序】-【

2023-12-13 19:31:50

swiper、swiper-item轮播图

swiper是滑块视图容器。其中只可放置swiper-item组件。部分常用属性如下,其余属性详见:官方文档
在这里插入图片描述
在这里插入图片描述

<view class="banner">
  <swiper
  previous-margin="30rpx"
  circular
  autoplay
  interval="3000"
  indicator-dots
  indicator-active-color="#BDA066"
  indicator-color="rgba(255,255,255,0.3)"
  >
    <swiper-item>
      <image src="/images/banner0.jpg" mode=""/>
    </swiper-item>
    <swiper-item>
      <image src="/images/banner1.jpg" mode=""/>
    </swiper-item>
    <swiper-item>
      <image src="/images/banner2.jpg" mode=""/>
    </swiper-item>
    <swiper-item>
      <image src="/images/banner3.jpg" mode=""/>
    </swiper-item>
  </swiper>
</view>

页面中引入背景图片的两种方式

文章来源:https://blog.csdn.net/CaraYQ/article/details/134970606
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。