This commit is contained in:
Kane 2022-10-31 00:13:41 +08:00
commit ccdd94ed1a
1 changed files with 34 additions and 28 deletions

View File

@ -2,7 +2,7 @@
* @Author: Kane
* @Date: 2022-10-21 16:36:51
* @LastEditors: Kane
* @LastEditTime: 2022-10-30 23:47:01
* @LastEditTime: 2022-10-31 00:13:22
* @FilePath: \car_dealer\vue\todo-list.html
* @Description:
*
@ -28,17 +28,21 @@
<div id="message_border">
<div class="message_box">
<span>{{errorMessage}}</span>
<button type="button" @click="closeMessageBox()">关闭</button>
<button type="button" @click="closeMessageBox()">
关闭
</button>
</div>
</div>
<div class="content">
<h1>{{title}}</h1>
<div class="border">
<div class="add_todo">
<input type="text" placeholder="请输入待办事项" />
<button type="button" @click="showMessageBox()">添加</button>
<input type="text" v-model="todo_text" placeholder="请输入待办事项" />
<button type="button" @click="showMessageBox()">
添加
</button>
</div>
<hr>
<hr />
<div class="todo_list">
<div v-for="(item,index) in todo_list" :key="index">
<input type="checkbox" v-model="todo_list[index].selected" />
@ -47,17 +51,18 @@
<button type="button" v-on:click="editTodo(index,event)">
修改
</button>
<button type="button" @click="removeTodo(index)">删除</button>
<button type="button" @click="removeTodo(index)">
删除
</button>
</div>
</div>
<hr>
<hr />
<div class="tools">
<p class="summary">总计:{{todo_list.length}}</p>
</div>
</div>
</div>
</div>
</body>
<script>
const app = {
@ -65,105 +70,106 @@
return {
title: "待办任务",
errorMessage: "奇怪的错误!",
todo_text: "",
todo_list: [{
selected: false,
todo_text: "回家",
edit: false
edit: false,
},
{
selected: true,
todo_text: "吃饭",
edit: false
edit: false,
},
{
selected: false,
todo_text: "洗澡",
edit: false
edit: false,
},
{
selected: false,
todo_text: "玩游戏",
edit: false
edit: false,
},
{
selected: false,
todo_text: "回家",
edit: false
edit: false,
},
{
selected: true,
todo_text: "吃饭",
edit: false
edit: false,
},
{
selected: false,
todo_text: "洗澡",
edit: false
edit: false,
},
{
selected: false,
todo_text: "玩游戏",
edit: false
edit: false,
},
{
selected: false,
todo_text: "回家",
edit: false
edit: false,
},
{
selected: true,
todo_text: "吃饭",
edit: false
edit: false,
},
{
selected: false,
todo_text: "洗澡",
edit: false
edit: false,
},
{
selected: false,
todo_text: "玩游戏",
edit: false
edit: false,
},
{
selected: false,
todo_text: "回家",
edit: false
edit: false,
},
{
selected: true,
todo_text: "吃饭",
edit: false
edit: false,
},
{
selected: false,
todo_text: "洗澡",
edit: false
edit: false,
},
{
selected: false,
todo_text: "玩游戏",
edit: false
edit: false,
},
{
selected: false,
todo_text: "回家",
edit: false
edit: false,
},
{
selected: true,
todo_text: "吃饭",
edit: false
edit: false,
},
{
selected: false,
todo_text: "洗澡",
edit: false
edit: false,
},
{
selected: false,
todo_text: "玩游戏",
edit: false
edit: false,
},
],
};