vue实现一个记事本待办事项代码
代码语言:html
所属分类:布局界面
代码描述:vue实现一个记事本待办事项代码,可增加删除。
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
@charset "utf-8";
*{
padding: 0;
margin: 0;
}
ul{
list-style: none;
}
body{
background-color: #2d2d2d;
}
#box{
width: 500px;
margin: 50px auto;
background-color: #fff;
box-shadow: 0 0 10px #ccc ;
border-radius: 5px;
overflow: hidden;
}
#box .head{
background-color: #DFF0D8;
padding: 20px;
}
#box .head h2{
color: #3C763D;
}
#box .head p{
font-size: 12px;
color: #3C763D;
line-height: 30px;
}
#box .head .input{
height: 30px;
line-height: 30px;
border-radius: 5px;
background-color:#EEEEEE .........完整代码请登录后点击上方下载按钮下载查看
















网友评论0