Pomodoro 中遇到的问题

作者: Marks | 来源:发表于2017-05-23 13:38 被阅读4次

Pomodoro 中遇到的问题
Pomodoro Countdown
化解拖延症--第一期Pomodoro打卡活动火热来袭
《番茄工作法图解》笔记
PhotoKit中遇到的问题
laravel中遇到的问题
python中遇到的问题
Git中遇到的问题
销售中遇到的问题
开发中遇到的问题

~~Q1：ng-app="PomodoroApp" ？？~~
http://www.runoob.com/angularjs/ng-ng-app.html

~~Q2：ng-click="breakLengthChange(-1)"~~
http://www.runoob.com/angularjs/ng-ng-click.html

~~Q3：@import "bourbon"; ？？~~
https://developer.mozilla.org/zh-CN/docs/Web/CSS/@import

~~Q4： main section~~
https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/main
https://developer.mozilla.org/zh-CN/docs/Web/HTML/Element/section

Q5：多层级

header {
  display: flex;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
  color: $white;
  text-transform: uppercase;
  padding: 20px;
  
  .session {
    font-size: .8em;
    display: flex;
    .breakCtrl, .sessionCtrl {
      display: inline;
      padding-left: 30px;
      padding-right: 30px;
    }
    .minus, .plus {
      background-color: $black;
      color: $white;
      border: none;
      cursor: pointer;
      font-size: 2em;
      outline: none;
    }
    
    .time {
      font-size: 2.5em;
      padding-left: 10px;
      padding-right: 10px;
    }
  }
}```

~~Q6： outline ??~~
A6：http://w3school.com.cn/cssref/pr_outline.asp

Q7：&:before ??

.timer {
margin: 0 auto;
text-align: center;
width: 300px;
height: 300px;
font-size: 4em;
border: 2px solid $green;
border-radius: 50%;
cursor: pointer;
position: relative;
z-index: 20;
overflow: hidden;
&:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 50%;
z-index: 2;
border: 4px solid $black;
}
}```