vue.js实现的，添加和删除代办事项列表页面源码

模糊化的

于 2022-05-15 01:30:19 发布

阅读量244

点赞数

CC 4.0 BY-SA版权

分类专栏：面试学习路线阿里巴巴文章标签： java java进阶后端

本文链接：https://blog.csdn.net/m0_67394002/article/details/124777586

大家好，今天给大家介绍一款，vue实现的，添加和删除代办事项列表页面源码（图1）。送给大家哦，获取方式在本文末尾。

图1

可以添加代办事项、删除代办事项、将未完成任务移动到列表前面（图2）

图2

代码完整，需要的朋友可以下载学习（图3）

图3

本源码编码：10152，需要的朋友，关注文末公众号，搜索10152，即可获取。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Vue Todo 列表 UI</title>
<style>
* {
	margin:0;
	padding:0;
	box-sizing:border-box;
}
html, body {
	background:#f7f1f1;
	font-size:1.1rem;
	font-family:'Quicksand', sans-serif;
	height:100%;
}
@keyframes strikeitem {
	to { width:calc(100% + 1rem); }
}

#todolist {
	margin:4re