我的备件页申请按钮

src/pages/mine/warehouse/spare.vue

@@ -20,7 +20,7 @@
 				</view>
 			</view>
 			<view class="tab-view">
-				<scroll-view scroll-y style="height: 100%;width: 100%;" scroll-anchoring enable-back-to-top>
+				<scroll-view scroll-y style="height: 100%;width: 100%;" scroll-anchoring enable-back-to-top  @scroll="scroll">
 					<view class="loading-view" v-if="!loaded">
 						<u-loading mode="flower"></u-loading>
 					</view>
@@ -42,6 +42,9 @@
 					@submit="$u.throttle(handleSubmit, 500)" />
 			</view>
 		</template>
+		<view class="fixed-button">
+			<ApplyButton :type="buttonType" @click="handleClickApply"/>
+		</view>
 	</view>
 </template>
 
@@ -50,13 +53,15 @@
 	import NoOrder from "@/components/order/noOrder.vue"
 	import SubmitBar from "@/components/submit-bar/index"
 	import SpareCell from "@/components/parts/spareCell.vue"
+	import ApplyButton from "@/components/parts/applyButton.vue"
 
 	export default {
 		components: {
 			// AppliedCell,
 			NoOrder,
 			SubmitBar,
-			SpareCell
+			SpareCell,
+			ApplyButton
 		},
 		data() {
 			return {
@@ -65,7 +70,8 @@
 				showBounce: false,
 				keyword: '',
 				searchedKeyword: '',
-				selectedParts: []
+				selectedParts: [],
+				buttonType: 'expand' // 申请按钮宽 collapse': '80rpx', 'expand': '220rpx''
 			};
 		},
 		computed: {
@@ -217,6 +223,14 @@
 					url: 'pages/parts/returnParts',
 				})
 			},
+			handleClickApply() {
+				uni.navigateTo({
+					url: 'pages/parts/application'
+				})
+			},
+			scroll() {
+				this.buttonType = 'collapse'
+			},
 		}
 	};
 </script>
@@ -290,5 +304,11 @@
 				position: absolute;
 			}
 		}
+		.fixed-button {
+			position: fixed;
+			right: 20rpx;
+			bottom: 140rpx;
+			
+		}
 	}
 </style>