vue实现todo待办事项效果代码

代码语言:html

所属分类:其他

代码描述:vue实现todo待办事项效果代码,使用了store及vuex技术

代码标签: 待办 事项 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开


<!DOCTYPE html>
<html lang="en" >

<head>

  <meta charset="UTF-8">
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/font-awesome-4.7.0/css/font-awesome.min.css">
  <link href="https://fonts.googleapis.com/css?family=Raleway|Lobster+Two" rel="stylesheet">

<style>
/**
* Variables
**/
/**
* Global
**/
* {
  box-sizing: border-box;
}

body, html {
  min-height: 100%;
  background: #efefef;
  overflow: hidden;
}

h1 {
  color: #fcfcfc;
  text-align: center;
  text-shadow: 0px 0px 5px #26C6DA, 1px 1px 5px #26C6DA, -1px -1px 5px #26C6DA, 1px -1px 5px #1e9faf, -1px 1px 5px #26C6DA;
  font-family: "Lobster Two", cursive;
}

input, span {
  border: 0;
  border-radius: 5px;
  font-family: "Raleway", sans-serif;
  white-space: wrap;
  padding-left: 1em;
  min-width: 0;
}

::-webkit-scrollbar {
  -webkit-appearance: none;
  display: none;
}

::-webkit-scrollbar-thumb {
  display: none;
}

/**
* Components
**/
.btn {
  min-height: 43px;
  min-width: 43px;
  border: 0;
  padding: 0;
  col.........完整代码请登录后点击上方下载按钮下载查看

网友评论0