修改我的页面 滚动问题

pages/mine/index.vue

@@ -22,113 +22,116 @@
 							<view @click="goDetailPage('/pages/mine/cargoowner/cargoowner',true)" v-if='!status'
 								class='currectstatus1'>
 								{{CargoOwner.authenticationStatus?CargoOwner.authenticationStatus:'未认证'}}
+							</view>
 						</view>
+						<view class='phone'>{{starUserphone}}</view>
 					</view>
-					<view class='phone'>{{starUserphone}}</view>
+					<view class='information' v-else @click="toLogin">立即登录</view>
 				</view>
-				<view class='information' v-else @click="toLogin">立即登录</view>
-			</view>
-			<view v-if='hasLogin&&!status1' class='authentication flex flex-space-between'>
-				<view>
-					<view style='font-size:14px;'>货主身份认证</view>
-					<view style='color:#DDA558;font-size:12px;'>您还没有完成货主认证哦~</view>
-				</view>
-				<view @click="goDetailPage('/pages/mine/cargoowner/cargoowner',true)" class='promptlyAuthentication'>立即认证
+				<view v-if='hasLogin&&!status1' class='authentication flex flex-space-between'>
+					<view>
+						<view style='font-size:14px;'>货主身份认证</view>
+						<view style='color:#DDA558;font-size:12px;'>您还没有完成货主认证哦~</view>
+					</view>
+					<view @click="goDetailPage('/pages/mine/cargoowner/cargoowner',true)"
+						class='promptlyAuthentication'>立即认证
+					</view>
 				</view>
 			</view>
-		</view>
 
-		<view class='flex operate flex-space-around'>
-			<view style='font-size:14px;' class='flex items-center' @click="toMyRelease">
-				<u--image style='margin-right:8px;position:relative;top:3px;' :showLoading="true"
-					src="../../static/mine/wodefabu.png" width="42px" height="42px"></u--image>我的发布
-			</view>
-			<view style='font-size:14px;' class='flex items-center' @click="goDetailPage('/pages/mine/evaluate')">
-				<u--image style='margin-right:8px;position:relative;top:3px;' :showLoading="true"
-					src="../../static/mine/pingjia.png" width="42px" height="42px"></u--image>
-				司机评价
-			</view>
-		</view>
-		<view class="content1">
-			<view class="flex flex-space-between content1-item"
-				@click="goDetailPage('/pages/mine/myAccount/index',false)">
-				<view class='flex items-center'>
-					<u--image style='margin-right:8px;' :showLoading="true" src="../../static/mine/zhanghu.png"
-						width="20px" height="20px"></u--image>我的账户
+			<view class='flex operate flex-space-around'>
+				<view style='font-size:14px;' class='flex items-center' @click="toMyRelease">
+					<u--image style='margin-right:8px;position:relative;top:3px;' :showLoading="true"
+						src="../../static/mine/wodefabu.png" width="42px" height="42px"></u--image>我的发布
 				</view>
-				<view>
-					<image class='right' src="@/static/mine/right.png" mode=""></image>
-					<!-- <u-icon name="arrow-right" color="#7E7E7E" size="10"></u-icon> -->
+				<view style='font-size:14px;' class='flex items-center' @click="goDetailPage('/pages/mine/evaluate')">
+					<u--image style='margin-right:8px;position:relative;top:3px;' :showLoading="true"
+						src="../../static/mine/pingjia.png" width="42px" height="42px"></u--image>
+					司机评价
 				</view>
 			</view>
-			<view class="flex flex-space-between content1-item"
-				@click="goDetailPage('/pages/mine/company/index',false)">
-				<view class='flex items-center'>
-					<u--image style='margin-right:8px;' :showLoading="true" src="../../static/mine/wodegongsi.png"
-						width="20px" height="20px"></u--image>我的公司
-				</view>
-				<view class='flex'>
-					<image class='right' src="@/static/mine/right.png" mode=""></image>
-					<!-- <u-icon name="arrow-right" color="#7E7E7E" size="10"></u-icon> -->
-				</view>
-			</view>
-			<view class="flex flex-space-between content1-item"
-				@click="goDetailPage('/pages/mine/manageBankCards/index',false)">
-				<view class='flex items-center'>
-					<u--image style='margin-right:8px;' :showLoading="true" src="../../static/mine/yinhangka.png"
-						width="20px" height="20px"></u--image>我的银行卡
-				</view>
-				<view>
-					<image class='right' src="@/static/mine/right.png" mode=""></image>
-					<!-- <u-icon name="arrow-right" color="#7E7E7E" size="10"></u-icon> -->
-				</view>
-			</view>
-			<view class="flex flex-space-between content1-item"
-				@click="goDetailPage('/pages/mine/cargoowner/cargoowner',true)">
-				<view class='flex items-center'>
-					<u--image style='margin-right:8px;' :showLoading="true" src="../../static/mine/huozhu.png"
-						width="20px" height="20px"></u--image>货主认证
-				</view>
-				<view class='flex'>
-					<image class='right' src="@/static/mine/right.png" mode=""></image>
-					<!-- <u-icon name="arrow-right" color="#7E7E7E" size="10"></u-icon> -->
+			<view class="content1">
+				<view class="flex flex-space-between content1-item"
+					@click="goDetailPage('/pages/mine/myAccount/index',false)">
+					<view class='flex items-center'>
+						<u--image style='margin-right:8px;' :showLoading="true" src="../../static/mine/zhanghu.png"
+							width="20px" height="20px"></u--image>我的账户
+					</view>
+					<view>
+						<image class='right' src="@/static/mine/right.png" mode=""></image>
+						<!-- <u-icon name="arrow-right" color="#7E7E7E" size="10"></u-icon> -->
+					</view>
 				</view>
-			</view>
-			<view class="flex flex-space-between content1-item"
-				@click="goDetailPage('/pages/mine/agentCargoOwner',false)">
-				<view  class='flex'>
-					<view class='flex items-center'><u--image style='margin-right:8px;' :showLoading="true" src="../../static/mine/dailihuozhu.png"
-						width="20px" height="20px"></u--image>代理货主</view>
-					<u-badge v-if='redDotPrompt==0 && hasLogin' :isDot="true" type="error"></u-badge>
+				<view class="flex flex-space-between content1-item"
+					@click="goDetailPage('/pages/mine/company/index',false)">
+					<view class='flex items-center'>
+						<u--image style='margin-right:8px;' :showLoading="true" src="../../static/mine/wodegongsi.png"
+							width="20px" height="20px"></u--image>我的公司
+					</view>
+					<view class='flex'>
+						<image class='right' src="@/static/mine/right.png" mode=""></image>
+						<!-- <u-icon name="arrow-right" color="#7E7E7E" size="10"></u-icon> -->
+					</view>
 				</view>
-				<view >
-					<image class='right' src="@/static/mine/right.png" mode=""></image>
-					<!-- <u-icon name="arrow-right" color="#7E7E7E" size="10"></u-icon> -->
+				<view class="flex flex-space-between content1-item"
+					@click="goDetailPage('/pages/mine/manageBankCards/index',false)">
+					<view class='flex items-center'>
+						<u--image style='margin-right:8px;' :showLoading="true" src="../../static/mine/yinhangka.png"
+							width="20px" height="20px"></u--image>我的银行卡
+					</view>
+					<view>
+						<image class='right' src="@/static/mine/right.png" mode=""></image>
+						<!-- <u-icon name="arrow-right" color="#7E7E7E" size="10"></u-icon> -->
+					</view>
 				</view>
-			</view>
-			<view class="flex flex-space-between content1-item" @click="$helper.contactCustomerService()">
-				<view class="flex align-center">
-					<u--image style='margin-right:8px;' :showLoading="true" src="../../static/images/mine/kf.png"
-						width="20px" height="20px"></u--image>
-					<view>联系客服</view>
+				<view class="flex flex-space-between content1-item"
+					@click="goDetailPage('/pages/mine/cargoowner/cargoowner',true)">
+					<view class='flex items-center'>
+						<u--image style='margin-right:8px;' :showLoading="true" src="../../static/mine/huozhu.png"
+							width="20px" height="20px"></u--image>货主认证
+					</view>
+					<view class='flex'>
+						<image class='right' src="@/static/mine/right.png" mode=""></image>
+						<!-- <u-icon name="arrow-right" color="#7E7E7E" size="10"></u-icon> -->
+					</view>
 				</view>
-				<view>
-					<image class='right' src="@/static/mine/right.png" mode=""></image>
+				<view class="flex flex-space-between content1-item"
+					@click="goDetailPage('/pages/mine/agentCargoOwner',false)">
+					<view class='flex'>
+						<view class='flex items-center'>
+							<u--image style='margin-right:8px;' :showLoading="true"
+								src="../../static/mine/dailihuozhu.png" width="20px" height="20px"></u--image>代理货主
+						</view>
+						<u-badge v-if='redDotPrompt==0 && hasLogin' :isDot="true" type="error"></u-badge>
+					</view>
+					<view>
+						<image class='right' src="@/static/mine/right.png" mode=""></image>
+						<!-- <u-icon name="arrow-right" color="#7E7E7E" size="10"></u-icon> -->
+					</view>
 				</view>
-			</view>
-			<view class="flex flex-space-between content1-item"
-				@click="goDetailPage('/pages/mine/helpDescription',true)">
-				<view class='flex items-center'>
-					<u--image style='margin-right:8px;' :showLoading="true" src="../../static/mine/bangzhushuoming.png"
-						width="20px" height="20px"></u--image>帮助说明
+				<view class="flex flex-space-between content1-item" @click="$helper.contactCustomerService()">
+					<view class="flex align-center">
+						<u--image style='margin-right:8px;' :showLoading="true" src="../../static/images/mine/kf.png"
+							width="20px" height="20px"></u--image>
+						<view>联系客服</view>
+					</view>
+					<view>
+						<image class='right' src="@/static/mine/right.png" mode=""></image>
+					</view>
 				</view>
-				<view>
-					<image class='right' src="@/static/mine/right.png" mode=""></image>
-					<!-- <u-icon name="arrow-right" color="#7E7E7E" size="10"></u-icon> -->
+				<view class="flex flex-space-between content1-item"
+					@click="goDetailPage('/pages/mine/helpDescription',true)">
+					<view class='flex items-center'>
+						<u--image style='margin-right:8px;' :showLoading="true"
+							src="../../static/mine/bangzhushuoming.png" width="20px" height="20px"></u--image>帮助说明
+					</view>
+					<view>
+						<image class='right' src="@/static/mine/right.png" mode=""></image>
+						<!-- <u-icon name="arrow-right" color="#7E7E7E" size="10"></u-icon> -->
+					</view>
 				</view>
-			</view>
 
-			<!-- 		<view class="flex flex-space-between content1-item"
+				<!-- 		<view class="flex flex-space-between content1-item"
 					@click="goDetailPage('/pages/mine/driverEvaluation')">
 					<view class='flex items-center'>
 						<u--image style='margin-right:8px;' :showLoading="true" src="../../static/mine/dailihuozhu.png"
@@ -138,7 +141,7 @@
 						<u-icon name="arrow-right" color="#7E7E7E" size="10"></u-icon>
 					</view>
 				</view> -->
-			<!-- <view class="flex flex-space-between content1-item" @click="goDetailPage('/pages/mine/set')">
+				<!-- <view class="flex flex-space-between content1-item" @click="goDetailPage('/pages/mine/set')">
 					<view class='flex items-center'>
 						<u--image style='margin-right:8px;' :showLoading="true" src="../../static/mine/dailihuozhu.png"
 							width="20px" height="20px"></u--image>设置
@@ -148,12 +151,12 @@
 					</view>
 				</view> -->
 
+			</view>
 		</view>
-	</view>
-	<u-modal :show="isShowAlert" :title="alertTitle" :content='alertContent' :closeOnClickOverlay='true'
-		:showCancelButton='showCancelButton' confirmColor='#2772FB' @confirm="confirmClick" @close="cancelClick"
-		@cancel="cancelClick"></u-modal>
-	<u-toast ref="uToast"></u-toast>
+		<u-modal :show="isShowAlert" :title="alertTitle" :content='alertContent' :closeOnClickOverlay='true'
+			:showCancelButton='showCancelButton' confirmColor='#2772FB' @confirm="confirmClick" @close="cancelClick"
+			@cancel="cancelClick"></u-modal>
+		<u-toast ref="uToast"></u-toast>
 	</view>
 </template>
 
@@ -166,7 +169,7 @@
 			return {
 				confirmText: '',
 				CargoOwner: {},
-				redDotPrompt:1,
+				redDotPrompt: 1,
 				showCancelButton: true,
 				isShowAlert: false,
 				alertTitle: '',
@@ -227,7 +230,7 @@
 				}).then(res => {
 					uni.setStorageSync("firstAuthentication", res.data)
 					if (res.data) {
-						this.redDotPrompt=res.data.redDotPrompt
+						this.redDotPrompt = res.data.redDotPrompt
 						this.userName = res.data.call
 						if (res.data.sex) {
 							if (res.data.sex == '男') {
@@ -328,19 +331,19 @@
 						phone: this.userInfo.phone
 					}).then(res => {
 						uni.setStorageSync("firstAuthentication", res.data)
-						if (res.data.authenticationStatus!='已认证'&&!isClick) {
+						if (res.data.authenticationStatus != '已认证' && !isClick) {
 							uni.$u.toast('请先完成货主认证！')
-						}else{
-							if(src=='/pages/mine/agentCargoOwner'){
+						} else {
+							if (src == '/pages/mine/agentCargoOwner') {
 								this.$request.baseRequest('post', '/cargoOwnerInfo/api/readRed', {
 									id: res.data.id
 								}).then(res1 => {
 									uni.$u.route(src);
 								})
-							}else{
+							} else {
 								uni.$u.route(src);
 							}
-							
+
 						}
 					})
 					// if (isClick) {
@@ -380,7 +383,8 @@
 		background: url('~@/static/mine/bg@3x.png');
 		background-size: 100% 100%;
 		margin: 0 auto;
-		height: calc(100vh - 35px);
+		height: calc(100vh - 100px);
+
 		.container_content {
 			padding: 18px;
 		}
@@ -476,9 +480,10 @@
 		width: 10px;
 		height: 10px;
 	}
-	.u-badge--error{
-		background:#EE5032;
-		width:6px;
-		height:6px;
+
+	.u-badge--error {
+		background: #EE5032;
+		width: 6px;
+		height: 6px;
 	}
 </style>