【小程序】-【

swiper、swiper-item轮播图

swiper是滑块视图容器。其中只可放置swiper-item组件。部分常用属性如下,其余属性详见:官方文档
【小程序】-【_第1张图片
【小程序】-【_第2张图片

<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>

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

小程序中,不能将本地图片作为背景图,有以下两种方法引入背景图片

  1. 图片转base64:在网上随便找个在线转换的网站,将图片拖进去,复制base64代码,然后background:url(base代码)即可
  2. 将图片上传到云空间,然后background:url(图片在线地址)即可

你可能感兴趣的:(小程序,小程序)