样式修改

pages/service/components/carRentalList/carRentalList.css

@@ -4,9 +4,10 @@
 	padding: 32rpx;
 	margin-bottom: 20rpx;
 }
-.store-card.active{
+
+.store-card.active {
 	border: 4rpx solid #0A59F7;
-	background: linear-gradient( 180deg, #EEFDFF 0%, rgba(255,255,255,0) 100%), #FFFFFF;
+	background: linear-gradient(180deg, #EEFDFF 0%, rgba(255, 255, 255, 0) 100%), #FFFFFF;
 }
 
 .card-top-style>view:nth-of-type(1) {
@@ -20,9 +21,11 @@
 	overflow: hidden;
 	white-space: nowrap;
 }
-.card-center-ren .store-type{
+
+.card-center-ren .store-type {
 	color: #0A59F7;
 }
+
 .card-top-style>view:nth-of-type(2) {
 	font-family: DIN, DIN;
 	color: #0074FF;
@@ -38,6 +41,7 @@
 	padding-left: 18rpx;
 	padding-right: 18rpx;
 }
+
 .align-c {
 	display: flex;
 	align-items: center;
@@ -68,9 +72,11 @@
 	font-style: normal;
 	margin-right: 4rpx;
 }
-.card-bottom{
+
+.card-bottom {
 	margin-bottom: 36rpx;
 }
+
 .card-bottom img,
 .second-view image {
 	width: 160rpx;
@@ -89,6 +95,10 @@
 	font-size: 32rpx;
 	font-weight: bold;
 	margin-bottom: 16rpx;
+	width: 310rpx;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	overflow: hidden;
 }
 
 .bottom-item>view:nth-of-type(2) {
@@ -161,7 +171,8 @@
 	text-align: center;
 	margin-top: 40rpx;
 }
-.time-style-view{
+
+.time-style-view {
 	font-weight: 400;
 	font-size: 26rpx;
 	color: #828DA2;

pages/service/components/carRentalList/carRentalList.vue

@@ -1,6 +1,6 @@
 <template>
 	<view>
-		<block v-if="near_store_list.length>=2">
+		<block>
 			<view :class='{"active" : activeMarkersId == item.id}' class="store-card" v-if="item.admin_id"  @click="navToStore(item.admin_id)" v-for="(item, index) in near_store_list" :key="index">
 				<view>
 					<view class="card-top-style flex-row flex-between">

pages/storeDetails/storeDetails.css

@@ -214,6 +214,11 @@
 	font-size: 32rpx;
 	color: #060809;
 	margin-bottom:16rpx;
+	width: 410rpx;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap;
+	display: block;
 }
 .car-model-info{
 	font-weight: 400;