为什么鼠标移入时没有出现x

来源:3-4 实现todo应用的业务逻辑

有梦

2018-06-22 16:08

.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

}

}

}


写回答 关注

3回答

  • Meikoiii
    2018-07-24 18:08:28

    app.vue 里面的 #cover z-index删除掉

  • 洛洛_沫沫
    2018-06-27 22:10:02

    我也出现了这个问题,结果是app.vue中#cover的z-index设置错了,导致整个图片盖在了列表上面,所以不会响应hover事件。

  • 慢l慢
    2018-06-26 21:07:31

    Stylus蛮“玄幻”的(如基于缩进),空格有重要的意义,所以,我们使用缩排和凹排代替花括号{以及}。。。你看看是不是缩进出了问题

Vue+Webpack打造todo应用

用前端最热门框架Vue+最火打包工具Webpack打造todo应用

84606 学习 · 787 问题

查看课程

相似问题