一、代码示例
<!-- 轮播图 .swiper{width: 100%} -->
<view class="swiper">
<swiper :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000">
<swiper-item v-for="item in swiperList">
<image :src="item" style="width: 100%;"></image>
</swiper-item>
</swiper>
</view>
<!-- 公告栏 -->
<view class="notice">
<u-notice-bar fontSize="16" bgColor="#fff" color="#da1b02" :text="noticeContent"></u-notice-bar>
</view>
二、本地图片
//轮播图集合
noticeContent: 'uniapp轮播图+实时消息滚动播放',
swiperList:[
'/static/swiper/one.jpg',
'/static/swiper/two.jpg',
'/static/swiper/four.jpg',
'/static/swiper/five.jpg',
'/static/swiper/fire.jpg',
'/static/swiper/six.jpg'
],