feat：优化

pages/rwa_package/shop/fen-shop.vue

@@ -12,12 +12,12 @@
 			</template>
 		</Header>
 
-		<view class="swiper-view">
+		<scroll-view scroll-x class="swiper-view">
 			<view :class="['swiper-item', { 'active': currentItem === item.key }]" v-for="(item, index) in swiperList"
 				:key="index" @click="onClickItem(item)">
 				<view class="swiper-item-content">{{ item.label }}</view>
 			</view>
-		</view>
+		</scroll-view>
 
 		<view class="name-box">
 			<mescroll-uni ref="mescrollRef" @down="downCallback" @up="upCallback" :up="upOption" :down="downOption"
@@ -187,18 +187,19 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-
 .header-left-content {
 	display: flex;
 	flex-direction: row;
 	align-items: center;
 }
+
 .header-text {
 	font-size: 28rpx;
 	color: #333;
 	margin-left: 18rpx;
 }
-.purse_amount{
+
+.purse_amount {
 	width: 36rpx;
 	height: 36rpx;
 	display: flex;
@@ -207,6 +208,7 @@ export default {
 	justify-content: center;
 	vertical-align: middle;
 }
+
 .bottom-btn {
 	width: 100%;
 	margin-bottom: 92rpx;
@@ -221,11 +223,8 @@ export default {
 
 .swiper-view {
 	width: 100%;
-	height: 70rpx;
-	display: flex;
-	flex-direction: row;
+	height: 80rpx;
 	background: #FFFFFF;
-	overflow-x: auto;
 	white-space: nowrap;
 	padding: 0 16rpx;
 	box-sizing: border-box;
@@ -233,7 +232,6 @@ export default {
 	.swiper-item {
 		padding: 0 16rpx;
 		height: 100%;
-		min-height: 40px;
 		color: #666;
 		display: inline-flex;
 		align-items: center;
@@ -241,6 +239,7 @@ export default {
 		flex-shrink: 0;
 		box-sizing: border-box;
 		font-size: 28rpx;
+		border-bottom: 4rpx solid transparent;
 
 		.swiper-item-content {
 			font-size: 28rpx;
@@ -249,7 +248,8 @@ export default {
 
 		&.active {
 			color: #7A35F6;
-			border-bottom: 4rpx solid #7A35F6;
+			font-weight: bold;
+			border-bottom-color: #7A35F6;
 		}
 	}
 }
@@ -262,6 +262,7 @@ export default {
 	flex-direction: column;
 	align-items: center;
 	overflow-y: auto;
+	margin-top: 20rpx;
 }
 
 .mescrollUniView {
@@ -274,8 +275,8 @@ export default {
 	.fall-col {
 		width: 332rpx;
 		height: 100%;
-		    display: grid;
-		    grid-gap: 12rpx;
+		display: grid;
+		grid-gap: 12rpx;
 	}
 }
 </style>