[修改] 我的页面圆弧样式

[优化] 用户列表页tabs文字过长导致样式错乱问题

pages/my/index.vue

@@ -168,15 +168,14 @@
 
 	.head-top::after {
 		content: '';
-		width: 100%;
-		//隐藏部分
-		// height: 529rpx;
-		height: 442rpx;
+		width: 184%; 
+		height: 440rpx;
 		position: absolute;
-		left: 0;
+		left: -312rpx;
 		top: 0;
 		z-index: -1;
-		border-radius: 0 586px 586px/0 0 200rpx 200rpx;
+		// border-radius: 0 586px 586px/0 0 200rpx 200rpx;
+		border-radius: 0 0 50% 50%;
 		background: linear-gradient(180deg, #FE3EA5 0%, #FE7749 100%);
 	}
 	

pages/userList/userList.vue

@@ -4,7 +4,7 @@
 			<!-- <button class="sign-in-btn">最新</button> -->
 			<!-- tabs -->
 			<view class="filter-item" v-for="(value, key) in filter" :key="key" @click="switchFilter(key)">
-				<text>{{ value.selected || value.name }}</text>
+				<text style="white-space: nowrap">{{ value.selected || value.name }}</text>
 				<text class="lf-iconfont icon-iconfront-" :class="{'tab-active': show_filter && filter_key == key}"></text>
 			</view>
 			<!-- 普通列表文字选择 -->
@@ -140,8 +140,12 @@
 		.filter-item{
 			width: 114rpx;
 			height: 62rpx;
-			line-height: 62rpx;
-			text-align: right;
+			// line-height: 62rpx;
+			// text-align: right;
+			display: flex;
+			flex-wrap: nowrap;
+			justify-content: center;
+			align-items: center;
 			font-size: 28rpx;
 			color: #222222;
 			.tab-active{