移动线索公海新增按钮到左边

pages/clue/scss/clue.scss

@@ -1,7 +1,7 @@
-.suspension_button{
+.suspension_button {
 	position: fixed;
 	bottom: 200rpx;
-	right: 100rpx;
+	left: 50rpx;
 	border-radius: 50%;
 	width: 100rpx;
 	line-height: 100rpx;
@@ -10,94 +10,95 @@
 	text-align: center;
 	background-color: #4c8afe;
 }
+
 .clueDetail_tabber {
-		::v-deep .u-tabbar__content {
-			background: #108cff;
-			border-top-right-radius: 10px;
-			border-top-left-radius: 10px;
-		}
+	::v-deep .u-tabbar__content {
+		background: #108cff;
+		border-top-right-radius: 10px;
+		border-top-left-radius: 10px;
 	}
+}
 
-	.clue_state_wrap {
-		width: 690rpx;
-		padding: 0 30rpx;
-		margin-top: 20rpx;
-		display: flex;
+.clue_state_wrap {
+	width: 690rpx;
+	padding: 0 30rpx;
+	margin-top: 20rpx;
+	display: flex;
 
-		.clue_state_list {
-			display: flex;
+	.clue_state_list {
+		display: flex;
 
-			.clue_state_item {
-				font-size: 30rpx;
-				display: inline-flex;
-				/* 关键改动：改为行内弹性盒子 */
-				align-items: center;
-				/* 垂直居中 */
-				background: #fff;
-				margin-right: 30rpx;
-				padding: 8rpx 16rpx;
-				/* 增加内边距 */
-				white-space: nowrap;
-				/* 关键：禁止文本换行 */
-				border-radius: 6rpx;
+		.clue_state_item {
+			font-size: 30rpx;
+			display: inline-flex;
+			/* 关键改动：改为行内弹性盒子 */
+			align-items: center;
+			/* 垂直居中 */
+			background: #fff;
+			margin-right: 30rpx;
+			padding: 8rpx 16rpx;
+			/* 增加内边距 */
+			white-space: nowrap;
+			/* 关键：禁止文本换行 */
+			border-radius: 6rpx;
 
-				&.active {
-					color: #fff;
-					background: #4c8afe;
-				}
+			&.active {
+				color: #fff;
+				background: #4c8afe;
 			}
 		}
 	}
+}
 
-	.clueTagsSelect {
-		height: 0;
-		overflow: hidden;
-	}
+.clueTagsSelect {
+	height: 0;
+	overflow: hidden;
+}
 
-	.queryParams_wrap {
-		display: flex;
-		background: #fff;
-		padding: 14px 0;
+.queryParams_wrap {
+	display: flex;
+	background: #fff;
+	padding: 14px 0;
 
-		.query,
-		.sort {
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			flex: 1;
-			font-size: 16px;
-			font-weight: 700;
-			color: #202020;
-		}
+	.query,
+	.sort {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		flex: 1;
+		font-size: 16px;
+		font-weight: 700;
+		color: #202020;
 	}
+}
 
-	#navbar_center_wrap {
-		width: 320rpx;
-		margin: auto;
-		padding: 15px;
-		background-color: #fff;
-	}
+#navbar_center_wrap {
+	width: 320rpx;
+	margin: auto;
+	padding: 15px;
+	background-color: #fff;
+}
 
-	.post_wrap {
-		margin: 10px 0;
-	}
+.post_wrap {
+	margin: 10px 0;
+}
 
-	.case_top_wrap {
-		background-color: #fff;
-		padding: 0px 30rpx 15rpx 30rpx;
-		display: flex;
-		align-items: center;
-		justify-content: space-between;
+.case_top_wrap {
+	background-color: #fff;
+	padding: 0px 30rpx 15rpx 30rpx;
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
 
-		.conditionSelect {
-			width: 200rpx;
-		}
+	.conditionSelect {
+		width: 200rpx;
 	}
+}
 
-	.case_wrap {
-		padding-bottom: 30px;
+.case_wrap {
+	padding-bottom: 30px;
 
-		.case_main_wrap {
-			padding: 15px;
-		}
-	}
+	.case_main_wrap {
+		padding: 15px;
+	}
+}