uniapp carousel image (local resource image)

1. Code example

<!-- 轮播图   .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>

2. Local pictures

                //轮播图集合
                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'
				],

Guess you like

Origin blog.csdn.net/m0_43584016/article/details/129928660