1.调样式

pages/shop/shopList.vue

@@ -26,8 +26,7 @@
 						<!-- <view class="screenLineTxt" v-if="comprehensive==0">综合排序</view> -->
 						<view class="screenLineTxt" v-if="comprehensive==1">距离最近</view>
 						<view class="screenLineTxt" v-if="comprehensive==2">评分最高</view>
-						<image src="../../static/img/icon_arrow_gray.png" mode="" 
-							class="screenJt"></image>
+						<image src="../../static/img/icon_arrow_gray.png" mode="" class="screenJt"></image>
 
 					</view>
 
@@ -67,7 +66,8 @@
 							<span class="shopScore11" v-if="item.shopScore">分</span>
 							<span class="shopScore2" v-if="!item.shopScore">暂无评分</span>
 							<view class="brands" v-if="item.brands" v-for="(barnd,index2) in item.brands.split(',')">
-								{{barnd}}</view>
+								{{barnd}}
+							</view>
 						</view>
 
 						<view class="timeBg">
@@ -95,21 +95,20 @@
 			</view>
 
 		</view>
-		
+
 	</view>
 </template>
 
 <script>
-	
 	export default {
-		
+
 		data() {
 			return {
-				location: {
-					lng:'',
-					lat:'',
+				location: {
+					lng: '',
+					lat: '',
 				},
-				cityName: '选择城市',
+				cityName: '选择城市',
 				cityCode: '',
 				queryShopList: '',
 				shopName: '',
@@ -124,63 +123,62 @@
 				}],
 				levelShow: false,
 				comprehensiveShow: false,
-				
-				uid: '',
-				share:{
-					title:'车蓝图4S店养车服务',
-					path:'/pages/shop/shopList',
-					imageUrl:'',
-					desc:'',
-					content:''
+
+				uid: '',
+				share: {
+					title: '车蓝图4S店养车服务',
+					path: '/pages/shop/shopList',
+					imageUrl: '',
+					desc: '',
+					content: ''
 				}
-									
+
 
 			}
 		},
 		onShow() {
-			
+
 			this.levelShow = false;
 			this.comprehensiveShow = false;
 			// this.$common.isUserId();
-			
-			var selectCity = uni.getStorageSync("selectCity");
-			
-			this.location = uni.getStorageSync("locationCity");
-			
-			if (selectCity) {
-				//有选择的城市
-				this.cityName = selectCity.city
-				this.cityCode = selectCity.code
-			} 
-			else{
-				this.cityName = this.location.cityName
-				this.cityCode = this.location.cityCode
+
+			var selectCity = uni.getStorageSync("selectCity");
+
+			this.location = uni.getStorageSync("locationCity");
+
+			if (selectCity) {
+				//有选择的城市
+				this.cityName = selectCity.city
+				this.cityCode = selectCity.code
+			} else {
+				this.cityName = this.location.cityName
+				this.cityCode = this.location.cityCode
 			}
-			
-			
+
+
 
 			this.getqueryShopList() //获取全部门店列表
-			
+
 		},
 		onLoad() {
 
 		},
-		methods: {
-			showCity(){
-				console.log('城市');
-				uni.navigateTo({
-					url:'../chooseCity/chooseCity'
-				})
+		methods: {
+			showCity() {
+				console.log('城市');
+				uni.navigateTo({
+					url: '../chooseCity/chooseCity'
+				})
 			},
 			mdlx() {
 				this.levelShow = !this.levelShow;
 				this.comprehensiveShow = false;
-				
+
 			},
 			juli() {
 				this.comprehensiveShow = !this.comprehensiveShow;
 				this.levelShow = false;
-				
+
 			},
 			searchList() {
 				this.getqueryShopList() //获取全部门店列表
@@ -189,10 +187,10 @@
 				this.shopName = '';
 				this.getqueryShopList() //获取全部门店列表
 			},
-			
+
 			getqueryShopList() {
-				uni.showLoading({
-					title: '加载中'
+				uni.showLoading({
+					title: '加载中'
 				})
 				this.$http('worldKeepCar/worldHome/getWorldShopInfoList', {
 					name: this.shopName,
@@ -322,12 +320,12 @@
 	.screen {
 		display: flex;
 		justify-content: space-around;
-		padding: 0 24rpx 24rpx;
+		padding: 0 24rpx 24rpx;
 		align-items: center;
 		border-bottom: 2rpx solid #EEEEEE;
 		position: relative;
 		background: #FFFFFF;
-		
+
 	}
 
 	.screenLine {
@@ -525,10 +523,13 @@
 	}
 
 	.brandsBg {
-		display: flex;
-		flex-wrap: wrap;
+		display: flex;
+		
+		 flex-wrap: wrap;
 		align-items: center;
-
+		overflow: hidden;
+		height: 50rpx;
+		
 	}
 
 	.brands {
@@ -538,15 +539,15 @@
 		height: 28rpx;
 		border: 1px solid #F19D01;
 		margin-right: 5rpx;
-		font-size: 20rpx;
-		line-height: 28rpx;
-		
+		font-size: 20rpx;
+		line-height: 28rpx;
+
 	}
 
 	.timeBg {
 		display: flex;
 		align-items: center;
-		
+
 	}
 
 	.shopTime {
@@ -611,22 +612,24 @@
 	}
 
 	.shopScore1 {
-		font-size: 36rpx;
+		font-size: 36rpx;
 		font-weight: bold;
-		color: #FF4F00;
-		height: 50rpx;
+		color: #FF4F00;
+		height: 50rpx;
 		line-height: 50rpx;
 	}
-	.shopScore11{
-		font-size: 22rpx;
-		color: #FF4F00;
-		margin-right: 14rpx;
-		
+
+	.shopScore11 {
+		font-size: 22rpx;
+		color: #FF4F00;
+		margin-right: 14rpx;
+
 	}
+
 	.shopScore2 {
 		font-size: 22rpx;
-		color: #666666;
-		margin-right: 14rpx;
+		color: #666666;
+		margin-right: 14rpx;
 		padding: 8rpx 0;
 	}