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

pages/work/perfectInstitutionsInfo.vue

@@ -1,5 +1,5 @@
 <template>
-	<view>
+	<view class="content">
 		<view class="item-flex" v-for="(item, index) in params" :key="index">
 			<label>{{item.title}}</label>
 			<view class="value">{{item.value_text || '-'}}</view>
@@ -35,6 +35,9 @@
 </script>
 
 <style lang="scss">
+	.content{
+		padding: 30rpx 0;
+	}
 	.item-flex{
 		display: flex;
 		justify-content: space-between;
@@ -42,6 +45,7 @@
 		position: relative;
 		line-height: 40rpx;
 		align-items: center;
+		background: white;
 		label{
 			width: 300rpx;
 			font-size: 30rpx;
@@ -53,14 +57,12 @@
 			width: calc( 100% - 300rpx );
 			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>