第十三届蓝桥杯全国软件和信息技术专业人才大赛（web应用开发）

超爱学习芸

已于 2022-04-09 19:52:42 修改

阅读量1.1k

点赞数 1

文章标签：蓝桥杯 javascript

于 2022-04-09 19:50:47 首次发布

本文链接：https://blog.csdn.net/jayusmazyyolk/article/details/124066562

版权

（只做了六个题，浅浅发一下叭）

01水果拼盘

01水果拼盘

/* TODO：待补充代码 */
#pond {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

02展开你的扇子

/*TODO：请补充 CSS 代码*/
#box:hover  #item12{
  transform: rotate(60deg);
}
#box:hover  #item11{
  transform: rotate(50deg);
}
#box:hover  #item10{
  transform: rotate(40deg);
}
#box:hover  #item9{
  transform: rotate(30deg);
}
#box:hover  #item8{
  transform: rotate(20deg);
}
#box:hover  #item7{
  transform: rotate(10deg);
}
#box:hover  #item6{
  transform: rotate(-10deg);
}
#box:hover  #item5{
  transform: rotate(-20deg);
}
#box:hover  #item4{
  transform: rotate(-30deg);
}
#box:hover  #item3{
  transform: rotate(-40deg);
}
#box:hover  #item2{
  transform: rotate(-50deg);
}
#box:hover  #item1{
  transform: rotate(-60deg);
}

03和手机相处的时光

/*TODO：ECharts 的配置中存在错误，请改正*/
    var option = {
      title: {
        text: "一周的手机使用时长",
      },
      xAxis: {
        // type: "value",
        data: ["周一", "周二", "周三", "周四", "周五", "周六", "周日"],


      },
      yAxis: {
        type: "value",
        data: [0,1,2,3,4,5,6]

      },
      series: [
        {
          data: [2.5, 2, 2.6, 3.2, 4, 6, 5],
          type: "line",
        },
      ],
    };