.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; } .trend { bottom: 320rpx; background-color: #fe9c4c; } .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; } }