第十三届蓝桥杯web应用开发大学组

01卡片化标签页

// 实现选项卡功能
function init() {
  // TODO 待补充代码
  var tabs = document.querySelectorAll('.tabs>div')
  var content = document.querySelectorAll('#content>div')
  for(let i=0;i

02随机数生成器

/**
 * 封装函数，函数名 getRandomNum(min,max,countNum)
 * 生成 min~max 范围的 countNum 个不重复的随机数，存入数组并返回
 */
//生成指定数目和范围的随机数
const getRandomNum = function (min, max, countNum) {
  var arr = [];
  // 在此处补全代码
  for(let i=0;i

03个人博客

/* TODO:banner 上的文字 需要居中显示 */
.banner .hero {
  text-align: center;
}
.home-wrapper .banner .banner-conent .hero {
  margin-top: 3rem;
}

/* TODO: main-wrapper 通过设置main-wrapper 布局方式 让.main-left  .main-right 正确显示 */
.main-wrapper {
  display: flex;
}
.main-wrapper {
  margin: 1.5rem auto 0 auto;
  max-width: 1100px;
  padding: 0 0.9rem;
  box-sizing: border-box;
  position: relative;
}

/*/* TODO 宽度自适应 居左显示 */
.main-wrapper .main-left {
  width: fit-content;
}

/* 宽 245px 居右显示 */
.main-wrapper .main-right > * {
  box-sizing: border-box;
  width: 245px;
}

04学生成绩统计

05水果摆盘

/* 菠萝 TODO 待补充代码 */
.yellow {
  align-self: flex-end;
  order: 1;
}

06给页面化个妆

/*TODO：请补充代码*/
.content {
  width: 450px;
  height: 600px;
  background-color: rgba(0, 0, 0, .45);
  border-radius: 10px;
  margin: auto;
  margin-top: 55px;
}
.content img {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  transform: translateX(125px) translateY(-75px);
  /* transform: translateY(-100px); */

}
.form h2 {
  font-size: 45px;
  font-weight: 800;
  text-align: center;
  padding-bottom: 20px;
}
.form button {
  width: 80px;
  height: 30px;
  font-size: 16px;
  color: white;
  border-color:  #041c32;
  background-color: #2d4263;
  transform: translateX(140px);
  margin-right: 10px;
}
.form input {
  font-size: 20px;
  border-radius: 5px;
  width: 300px;
  text-align: center;
  margin-left: 50%;
  transform: translateX(-150px);
  margin-bottom: 20px;
}
.text a{
  font-size: 16px;
  color: white;
  text-decoration: none;
}
.text {
  margin-top: 20px;
  transform: translateX(180px);
}

07小兔子爬楼梯

const climbStairs = (n) => {
  // TODO：请补充代码
  if(n===0){
    return 0;
  }else if(n===1){
    return 1;
  }else if(n===2){
    return 2;
  }else{
    return climbStairs(n-2)+climbStairs(n-1);
  }
};
module.exports = climbStairs;

08时间管理大师

  
    
    

    
  
  
    

      

        
Todos
        
罗列日常计划，做一个时间管理大师！
        

          内容
          
          确认
        
      

      

        
暂无数据
        

          
          {{index+1}}
          
          {{i}}
          
          
        
        
        

           总数：{{list.length}} 
          清除
        
      
    
    
    
  

09购物车

	
	
	
	
	
	
	



	

		
购物车
		
		

			

				
				
				

					
						
						{{item.name}}
					
					

						+
						
							
							{{item.num}}
						
						-
					
				
			
		
	
	

10菜单数检索

目录

01卡片化标签页

02随机数生成器

03个人博客

04学生成绩统计

05水果摆盘

06给页面化个妆

07小兔子爬楼梯

08时间管理大师

09购物车

10菜单数检索

---