发表于： 2019-10-21 07:01:34
1 1278
今天完成的事
1.修改header
2.提交任务12
3.学习一些css类的命名规则
4.开始任务13
5.架构header
<header class="header">
<label class="label">
<span></span>
<span></span>
<span></span>
</label>
</header>
6.引入样式
.header {
.bac-color;
.fixed;
top: 0;
left: 0;
.vw100;
.height(50px);
.label {
.relative;
.flex;
.width(30px);
.height(30px);
.pointer;
top: 10px;
left: 10px;
flex-direction: column;
justify-content: space-around;
span {
.width(30px);
.height(3px);
.white;
}
}
}
7.架构隐藏导航栏
<nav class="nav">
<ul class="ul">
<li>公告</li>
<li>设置</li>
<li>帮助</li>
<li>关于</li>
</ul>
</nav>
8.引入样式
.nav {
.flex;
.width(300px);
.height(100%);
}
9.继续构思隐藏导航栏
明天的计划
1.完成隐藏导航栏
2.完成版本选择部分
3.完成版本选择页面
遇到的问题
一时想不起怎么实现隐藏导航栏 回头白天想想
今天的收获
1.继续熟悉less
2.学习了一些css类的命名规则
返回列表
评论