swiper、swiper-item轮播图
swiper
是滑块视图容器。其中只可放置swiper-item
组件。部分常用属性如下,其余属性详见:官方文档
<view class="banner"><swiperprevious-margin="30rpx"circularautoplayinterval="3000"indicator-dotsindicator-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>
页面中引入背景图片的两种方式
小程序中,不能将本地图片作为背景图,有以下两种方法引入背景图片
- 图片转base64:在网上随便找个在线转换的网站,将图片拖进去,复制base64代码,然后
background:url(base代码)
即可 - 将图片上传到云空间,然后
background:url(图片在线地址)
即可