个人中心账户信息功能开发

pages/work/perfectBasisInfo.vue

@@ -1,5 +1,5 @@
 <template>
-	<view v-if="base.name">
+	<view class="content" v-if="base.name">
 		<view class="item-flex">
 			<label>姓名</label>
 			<view class="value">{{base.name || '-'}}</view>
@@ -79,6 +79,9 @@
 </script>
 
 <style lang="scss">
+	.content{
+		padding: 30rpx 0;
+	}
 	.item-flex{
 		display: flex;
 		justify-content: space-between;
@@ -86,6 +89,7 @@
 		position: relative;
 		line-height: 40rpx;
 		align-items: center;
+		background: white;
 		label{
 			width: 200rpx;
 			font-size: 30rpx;
@@ -97,14 +101,12 @@
 			width: calc( 100% - 200rpx );
 			font-size: 30rpx;
 		}
+		@extend .border-solid;
 		&::after{
-			position: absolute;
 			left: 30rpx;
-			right: 0;
-			bottom: 0;
-			height: 1rpx;
-			content: " ";
-			background: #f6f6f6;
+		}
+		&:last-child::after{
+			display: none;
 		}
 	}
 </style>