twt 2 年之前
父节点
当前提交
21016fd876
共有 3 个文件被更改,包括 107 次插入12 次删除
  1. 52 0
      pages/index/maintain.vue
  2. 3 12
      pages/index/onlineBooking.vue
  3. 52 0
      pages/index/rescue.vue

+ 52 - 0
pages/index/maintain.vue

@@ -0,0 +1,52 @@
+<template>
+	<view class="box">
+		保养
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+	.box{
+		min-height: 100vh;
+		background-color: #f4f5f7;
+	}
+	.top{
+		
+		background-color: #FFFFFF;
+		padding: 30rpx 20rpx;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+	}
+	.left{
+		display: flex;
+		align-items: center;
+	}
+	.car{
+		
+		font-size: 28rpx;
+		
+		color: #333333;
+		line-height: 40rpx;
+		/* 隐藏文字显示 ...不换行 */
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+	.brandLogo {
+		width: 42rpx;
+		height: 42rpx;
+	}
+</style>

+ 3 - 12
pages/index/onlineBooking.vue

@@ -4,21 +4,12 @@
 			<view class="shopTop">
 				<swiper class="swiper" circular  :autoplay="false" :interval="interval"
 								:duration="duration">
-					<swiper-item>
+					<swiper-item v-for="(item,index) in shopInfo.imgs.split(',')">
 						<view class="swiper-item">
-							<img mode="aspectFit" src="http://phone.66km.cn:8088/thFiles/C678448A-C874-4B42-9EAE-4F8F21D71D27.jpg" alt="">
-						</view>
-					</swiper-item>
-					<swiper-item>
-						<view class="swiper-item">
-							<img mode="aspectFit" src="http://dmsphoto.66km.com.cn/thFiles/A9157023-4939-48B7-BB49-D9D8113EF953.jpg" alt="">
-						</view>
-					</swiper-item>
-					<swiper-item>
-						<view class="swiper-item">
-							<img mode="aspectFit" src="http://dmsphoto.66km.com.cn/thFiles/1057BA84-E59D-47B7-9F66-73E3491A443E.jpg" alt="">
+							<img mode="aspectFit" :src="item" alt="">
 						</view>
 					</swiper-item>
+					
 				</swiper>
 			</view>
 			<!-- 门店详情 -->

+ 52 - 0
pages/index/rescue.vue

@@ -0,0 +1,52 @@
+<template>
+	<view class="box">
+		紧急救援
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		}
+	}
+</script>
+
+<style>
+	.box{
+		min-height: 100vh;
+		background-color: #f4f5f7;
+	}
+	.top{
+		
+		background-color: #FFFFFF;
+		padding: 30rpx 20rpx;
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+	}
+	.left{
+		display: flex;
+		align-items: center;
+	}
+	.car{
+		
+		font-size: 28rpx;
+		
+		color: #333333;
+		line-height: 40rpx;
+		/* 隐藏文字显示 ...不换行 */
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+	.brandLogo {
+		width: 42rpx;
+		height: 42rpx;
+	}
+</style>