Ver código fonte

上方图片

zhengkaixin 4 anos atrás
pai
commit
c0a1796d2b

+ 31 - 3
src/projects/business/views/Master/Property/Car/Apply.vue

@@ -53,8 +53,26 @@
 	</header>
 	<div class="mui-content margin60" v-show="step==2">
 		<div class="mui-content-padded">
-			<img src="~$project/assets/img/02.jpg" width="100%" />
-		</div>
+
+			<div id="slider" class="mui-slider">
+				<div class="mui-slider-group">
+					<template v-for="mod in picList">
+
+						<div class="mui-slider-item"  >
+							<a>
+								<img :src="mod"   style="height: 180px">
+							</a>
+						</div>
+
+					</template>
+				</div>
+				<div class="mui-slider-indicator">
+					<template v-for="(mod,index) in picList">
+						<div class="mui-indicator" :class="index==0?'mui-active':''"></div>
+					</template>
+				</div>
+			</div>
+ 		</div>
 		<div class="vongi-meform-pho vongi-car">
 			<h5>车位筛选</h5>
 			<ul class="mui-table-view mui-table-view-radio flew" v-for="(cen,i) in listcen">
@@ -238,7 +256,17 @@
 			getPic() {
 
 				API.parkingPicList().then(response => {
- 					this.picList=response;
+ 					this.picList=response.list;
+					this.$nextTick(() => {
+						var gallery = mui('.mui-slider');
+						var slider = gallery.slider({
+							interval: 3000, //自动轮播周期,若为0则不自动播放,默认为0;
+							bounce: true //是否启用回弹
+						});
+
+
+					})
+
 				}).catch(error => {
  					mui.toast(error);
 				})