Vue之TodoList案例详解 Vue之TodoList案例详解

文章图片

【Vue之TodoList案例详解】
文章图片

/*base*/body {background: #fff; }.btn {display: inline-block; padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); border-radius: 4px; }.btn-danger {color: #fff; background-color: #da4f49; border: 1px solid #bd362f; }.btn-danger:hover {color: #fff; background-color: #bd362f; }.btn:focus {outline: none; }.todo-container {width: 600px; margin: 0 auto; }.todo-container .todo-wrap {padding: 10px; border: 1px solid #ddd; border-radius: 5px; }

总结
本篇文章就到这里了，希望能够给你带来帮助，也希望您能够多多关注脚本之家的更多内容!