PINK老师的todolist作业项目(但是我做的有问题,就是index可以取到,data可以取到,但是data[index]却是 undefined 求解答)

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

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>todolist</title>
    <script src="jquery-3.6.0.min.js"></script>
    <style>
        label {
            display: block;
            margin: 50px auto 0;
            padding-top: 100px;
            width: 400px;
            height: 150px;
            text-align: center;
            font-size: 50px;
            font-family: 'Gope';
            font-weight: 900;
            letter-spacing: 5px;
            color: red;
            background: url(../img/正义.gif) no-repeat;
            background-size: 100% 100%;
        }

        #title {
            display: block;
            margin: 10px auto;
            width: 600px;
            height: 60px;
            border: 1px solid #000;
            padding-left: 20px;
            font-size: 30px;
        }

        .left {
            float: left;
            margin-left: 150px;
            width: 600px;
            background: linear-gradient(45deg, #f0f, #0ff);
        }

        .right {
            float: right;
            width: 600px;
            margin-right: 150px;
            background: linear-gradient(45deg, #0ff, #f0f);
        }

        h2 {
            color: #fff;
            font-weight: 400;
            padding: 0 0 20px 20px;
            letter-spacing: 3px;
            border-bottom: solid #ccc 1px;
        }

        span {
            display: block;
            float: right;
            margin-right: 30px;
            te
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 5
    评论
很好,写一个todolist项目可以让你熟悉Flutter的基础组件,同时也有一些挑战性的功能可以实现。以下是一个简单的todolist项目的示例: 1. 首先,你需要创建一个Flutter项目。可以使用Android Studio或Visual Studio Code等IDE。在创建项目时,选择Flutter应用程序模板。 2. 接下来,你可以在项目中创建一个新的Dart文件,用于编写todolist的主屏幕。在这个屏幕上,你需要显示用户可以添加的任务列表、已完成的任务列表以及一个文本框和按钮,让用户可以添加新的任务。 3. 为了实现任务列表,你可以使用Flutter中的ListView组件。通过使用ListView.builder,你可以动态显示任务列表,每个任务都是一个ListTile。 4. 在用户添加新任务时,你需要将其添加到任务列表中。为此,你需要在主屏幕上添加一个文本框和按钮。当用户点击按钮时,你可以将文本框中的文本添加到任务列表中,并在屏幕上更新任务列表。 5. 当用户完成一个任务时,你需要将其从任务列表中移除,并将其添加到已完成的任务列表中。为此,你可以在任务列表中添加一个复选框,以便用户可以勾选已完成的任务。当用户勾选复选框时,你可以将任务从任务列表中移除,并将其添加到已完成的任务列表中。 6. 最后,你可以添加一些额外的功能,例如搜索任务、编辑任务、删除任务等。这些功能可以通过使用Flutter中的其他组件来实现。 写一个todolist项目是一个不错的练手项目,同时也可以作为一个实用的应用程序。希望这个简单的示例能够帮助你入门Flutter。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

编程武六七

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值