dolist案例

dolist案例

利用localStorage、json、jQuery、bootstrap完成的一个简单的待办事项列表，利用本地存储技术，非手动删除事项一直存在。

css代码块

 * {
   
        list-style: none;
      }
      .navbar-left {
   
        padding-left: 30%;
      }
      .form-control {
   
        width: 400px !important;
      }
      .data {
   
        width: 1000px;
        height: auto;
      }
      .before {
   
        width: 100%;
        height: 50%;
      }
      .before_data {
   
        width: 100%;
        height: 100%;
      }
      .now {
   
        width: 100%;
        height: 50%;
      }
      .now_data {
   
        width: 100%;
        height: 100%;
      }

      li {
   
      line-height: 32px;
      background-color: rgb(248, 248, 209);
      position: relative;
      margin-bottom: 10px;
      padding: 0 45px;
      border-radius: 3px;
      border-left: 5px solid #629A9C;
      box-shadow: 0 1px 2px rgba(0,0,0,0.07);
      }
      li input{
   
        position: absolute;
        top: 2px;
        left: 10px;
        width: 22px