样式修改

pages/index/components/unleasedPages/unleasedPages.css

@@ -10,16 +10,24 @@
 	background: linear-gradient( 180deg,#BAC0CC 100%, #EFF7FC 0%, #BAC0CC 100%);
 }
 .recommend-car-name{
-	font-size: 40rpx;
+	font-size: 34rpx;
 	color: #FFF;
 	font-weight: bold;
+	margin: auto;
 	margin-bottom: 20rpx;
+	max-width: 520rpx;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap;
 }
 .recommend-car-tip{
-	font-size: 30rpx;
+	font-size: 28rpx;
 	color: #FFF;
 	font-weight: 500;
+	margin: auto;
 	margin-bottom: 20rpx;
+	max-width: 538rpx;
+	
 }
 .car-img{
 	width: 700rpx;

pages/index/components/unleasedPages/unleasedPages.vue

@@ -1,6 +1,13 @@
 <template>
 	<view class="unleased-pages-main">
-		<navBar type="index"/>
+		<!-- <navBar type="index"/> -->
+		<!-- #ifdef MP-WEIXIN -->
+		<view :style="{height: `${statusBarHeight + 30}px`}"></view>
+		<!-- #endif -->
+		<!-- #ifdef APP -->
+		<view :style="{height: `${statusBarHeight}px`}"></view>
+		<!-- #endif -->
+		
 		<view class="recommend-car-name w_100 text-center">{{moder_info.model_name}}</view>
 		<view class="recommend-car-tip w_100 text-center">{{moder_info.title||'续航开新路 路遥见实力'}}</view>
 		<view >
@@ -72,6 +79,9 @@
 				moder_info:{},
 				statusBarHeight:0
 			};
+		},
+		mounted() {
+			this.statusBarHeight = uni.getSystemInfoSync().statusBarHeight || 0
 		}
 		/**
 		 * 生命周期函数--监听页面加载