.todo-item{
position relative
background-color #fff
font-size 24px
border-bottom 1px solid rgba(0,0,0,0.06)
&:hover{
.destroy:after{
content: '×'
}
}
label{
white-space: pre-line;
word-break: break-all;
padding: 15px 60px 15px 15px;
margin-left: 45px;
display: block;
line-height: 1.2;
transition: color 0.4s;
}
&.completed{
label{
color: #d9d9d9;
text-decoration line-through
}
}
}
app.vue 里面的 #cover z-index删除掉
我也出现了这个问题，结果是app.vue中#cover的z-index设置错了，导致整个图片盖在了列表上面，所以不会响应hover事件。
Stylus蛮“玄幻”的(如基于缩进)，空格有重要的意义，所以，我们使用缩排和凹排代替花括号{以及}。。。你看看是不是缩进出了问题