Contest100000569 - 《算法笔记》2.5小节——问题 A: 习题6-4 有序插入

问题 A: 习题6-4 有序插入

题目描述

有一个已排好序的数组,要求输入一个数后,按原来排序的规律将它插入到数组中。

假设数组长度为10,数组中前9个数(这9个数要求从键盘上输入,输入时要满足自小到大的输入顺序)已经按从小到大进行排序。

然后再从键盘上输入一个整数,将此整数插入到前有序的9个数中,使得最终的10个数依然是从小到大有序的。

输入

第一行输入以空格分隔的9个整数数,要求按从小到大的顺序输入。

第二行输入一个整数

输出

从小到大输出这10个数,每个数一行。

样例输入

1 11 21 31 41 51 61 71 81
45

样例输出

1
11
21
31
41
45
51
61
71
81

提示:

定义数组时,把数组长度定义为10.

参考代码:

# include<stdio.h>
# include<string.h>

int main()
{	
	int arr[10];
	int i;
	memset(arr,0,sizeof(arr));
	for(i = 0; i < 10; ++i)
	{
		scanf("%d", &arr[i]);
	}
	int temp = arr[9];
	
	for(i = 8; i >= 0 ; --i)
	{
		if(temp < arr[i])
		{
			arr[i+1] = arr[i];
			arr[i] = temp;
		}
	}

	for(i = 0; i < 10; ++i)
	{
		printf("%d\n", arr[i]);
	}
	return 0;
}

 

请你针对这部分修改,为避免样式改变 把样式代码也修改:.csw-h5-contest-racesSlots { padding: 12px 24px 0; .csw-opensource-h5-learningHeader { height: 24px; width: 100%; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center; .csw-opensource-h5-learningHeader-title { color: rgb(0, 0, 0); font-size: 18px; font-weight: 500; line-height: 20px; } .csw-opensource-h5-learningHeader-more { color: rgb(153, 153, 153); font-size: 12px; font-weight: 400; line-height: 16px; .csw-opensource-h5-learningHeader-moreText { padding-right: 4px; } } } .csw-h5-contest-racesSlots-content { position: relative; .adm-jumbo-tabs-header { border: 0; .adm-jumbo-tabs-tab-list { padding: 0; .adm-jumbo-tabs-tab-wrapper { flex: none; padding: 0; margin-right: 16px; .adm-jumbo-tabs-tab { font-weight: 500; color: rgb(102, 102, 102); padding: 0; } .adm-jumbo-tabs-tab-active { color: rgb(0, 65, 211); } } } } .adm-jumbo-tabs-content { padding: 16px 0 12px; } .csw-h5-contest-topSummitsCarousel { width: 100%; padding-bottom: 12px; .topSummitsList { display: flex !important; justify-content: space-between; .topSummitsItem { width: 48%; position: relative; img { width: 100%; aspect-ratio: 1.785; border-radius: 4px; } .mask { width: 100%; height: 100%; position: absolute; bottom: 0; border-radius: 4px; } .maskCourse { position: absolute; top: 6px; right: 6px; display: inline-block; height: 20px; text-align: center; line-height: 20px; padding: 2px 8px 2px 8px; border-radius: 53px; background: rgba(0, 65, 211, 0.7); color: rgb(255, 255, 255); font-size: 11px; font-weight: 400; line-height: 16px; } .topSummitsItemTitle { display: inline-block; margin-top: 8px; width: 100%; color: rgb(0, 0, 0); font-weight: 400; line-height: 24px; } .itemSubTitle { font-family: HarmonyHeiTi; color: #666666; font-size: 12px; font-weight: 400; line-height: 19px; } } } .slick-dots-bottom { bottom: 3px; z-index: 9; li { height: 2px !important; width: 6px !important; } button { width: 6px !important; background: #f2f2f2 !important; opacity: 1 !important; border-radius: 30px !important; height: 2px !important; } .slick-active { width: 12px !important; border-radius: 1px !important; button { background-color: rgb(0, 65, 211) !important; width: 12px !important; } } } } .csw-racesSlots-h5-more { color: rgb(153, 153, 153); font-size: 12px; font-weight: 400; line-height: 16px; position: absolute; right: 0; top: 17px; .anticon-right { margin-left: 3px; } } .moreDomCss { position: absolute; top: 4px; right: 0; color: rgb(153, 153, 153); font-size: 12px; font-weight: 400; line-height: 16px; .moreText { padding-right: 4px; } } } }
最新发布
11-21
非常棒!你已经提供了完整的 `.less` 样式代码,现在我们要做的是: > ✅ **在将 `<JumboTabs>` 替换为 `<CapsuleTabs>` 的基础上,保留原有视觉样式** > 🔧 即:让 `CapsuleTabs` 看起来和原来的 `JumboTabs` 一样(字体、颜色、间距等),避免 UI 变化 --- ### 🎯 目标 - 使用支持滑动的 `<CapsuleTabs>` - 但 **视觉表现与原 `JumboTabs` 完全一致** - 不改变字体大小、选中色、tab 宽度、padding、margin 等 --- ## ✅ 修改后的 LESS 样式(适配 `CapsuleTabs`) ```less .csw-h5-contest-racesSlots { padding: 12px 24px 0; .csw-opensource-h5-learningHeader { height: 24px; width: 100%; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center; .csw-opensource-h5-learningHeader-title { color: rgb(0, 0, 0); font-size: 18px; font-weight: 500; line-height: 20px; } .csw-opensource-h5-learningHeader-more { color: rgb(153, 153, 153); font-size: 12px; font-weight: 400; line-height: 16px; .csw-opensource-h5-learningHeader-moreText { padding-right: 4px; } } } .csw-h5-contest-racesSlots-content { position: relative; // 👇 重写 CapsuleTabs 默认样式,模仿 JumboTabs 外观 .adm-capsule-tabs { --adm-color-border: transparent; padding: 0; } .adm-capsule-tabs-tab-list { gap: 16px; // 对应原 margin-right: 16px } .adm-capsule-tabs-tab { flex: none !important; padding: 0 !important; background: transparent !important; color: rgb(102, 102, 102) !important; font-weight: 500 !important; font-size: inherit !important; line-height: inherit !important; } .adm-capsule-tabs-tab-active { color: rgb(0, 65, 211) !important; font-weight: 500 !important; } // 移除 CapsuleTabs 默认的胶囊背景 .adm-capsule-tabs-tab-wrapper::after { display: none; } // 内容区域样式 .adm-capsule-tabs-content { padding-top: 16px; padding-bottom: 12px; } // 轮播图样式保持不变 .csw-h5-contest-topSummitsCarousel { width: 100%; padding-bottom: 12px; .topSummitsList { display: flex !important; justify-content: space-between; .topSummitsItem { width: 48%; position: relative; img { width: 100%; aspect-ratio: 1.785; border-radius: 4px; } .mask { width: 100%; height: 100%; position: absolute; bottom: 0; border-radius: 4px; } .maskCourse { position: absolute; top: 6px; right: 6px; display: inline-block; height: 20px; text-align: center; line-height: 20px; padding: 2px 8px; border-radius: 53px; background: rgba(0, 65, 211, 0.7); color: #fff; font-size: 11px; font-weight: 400; line-height: 16px; } .topSummitsItemTitle { display: inline-block; margin-top: 8px; width: 100%; color: #000; font-weight: 400; line-height: 24px; } .itemSubTitle { font-family: HarmonyHeiTi; color: #666; font-size: 12px; font-weight: 400; line-height: 19px; } } } // Slick 轮播点样式 .slick-dots-bottom { bottom: 3px; z-index: 9; li { height: 2px !important; width: 6px !important; } button { width: 6px !important; background: #f2f2f2 !important; opacity: 1 !important; border-radius: 30px !important; height: 2px !important; } .slick-active button { background-color: rgb(0, 65, 211) !important; width: 12px !important; } } } // 更多按钮样式 .moreDomCss { position: absolute; top: 4px; right: 0; color: rgb(153, 153, 153); font-size: 12px; font-weight: 400; line-height: 16px; .moreText { padding-right: 4px; } } } } ``` --- ## ✅ 关键样式说明(为什么这样改) | 原类名(JumboTabs) | 新类名(CapsuleTabs) | 修改目的 | |--------------------|------------------------|---------| | `.adm-jumbo-tabs-header` | `.adm-capsule-tabs` | 顶层容器 | | `.adm-jumbo-tabs-tab-list` | `.adm-capsule-tabs-tab-list` | 设置 tab 之间 `gap: 16px` 替代 `margin-right` | | `.adm-jumbo-tabs-tab-wrapper` | `.adm-capsule-tabs-tab-wrapper` | 清除默认胶囊背景 | | `.adm-jumbo-tabs-tab` / `.adm-jumbo-tabs-tab-active` | `.adm-capsule-tabs-tab` / `.adm-capsule-tabs-tab-active` | 控制文字颜色、粗细、去除默认 padding | | `.adm-jumbo-tabs-content` | `.adm-capsule-tabs-content` | 内容区上下 padding | --- ## ✅ 最终效果 ✅ 用户体验: - 支持左右滑动切换 tab(来自 `CapsuleTabs` 手势能力) - 视觉完全一致(通过 CSS 覆盖默认样式) - 功能无损(轮播、跳转、更多按钮都正常) --- ## ✅ 额外建议(可选优化) 如果项目中多个地方都要统一 Tabs 样式,可以抽离成 mixin: ```less // _tabs.less .races-tabs-style() { .adm-capsule-tabs { --adm-color-border: transparent; } .adm-capsule-tabs-tab-list { gap: 16px; } .adm-capsule-tabs-tab { flex: none; padding: 0; background: transparent; color: #666; font-weight: 500; } .adm-capsule-tabs-tab-active { color: #0041d3; } .adm-capsule-tabs-tab-wrapper::after { display: none; } } ``` 然后在需要的地方引入即可。 --- ###
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值