crm-app-vue3/pages/clue/scss/clue.scss

.suspension_button {
	position: fixed;
	bottom: 200rpx;
	left: 50rpx;
	border-radius: 50%;
	width: 100rpx;
	line-height: 100rpx;
	color: #ffffff;
	font-size: 26rpx;
	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;
	}
}

.clue_state_wrap {
	width: 690rpx;
	padding: 0 30rpx;
	margin-top: 20rpx;
	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;

			&.active {
				color: #fff;
				background: #4c8afe;
			}
		}
	}
}

.clueTagsSelect {
	height: 0;
	overflow: hidden;
}

.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;
	}
}

#navbar_center_wrap {
	width: 320rpx;
	margin: auto;
	padding: 15px;
	background-color: #fff;
}

.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;

	.conditionSelect {
		width: 200rpx;
	}
}

.case_wrap {
	padding-bottom: 30px;

	.case_main_wrap {
		padding: 15px;
	}
}