鸿蒙os练习（记事本）

最新推荐文章于 2024-06-11 15:23:28 发布

韬平

最新推荐文章于 2024-06-11 15:23:28 发布

阅读量627

点赞数

文章标签： css javascript vue.js

本文链接：https://blog.csdn.net/qq_62613497/article/details/125238470

版权

主要分为三部分

一、.hml文件

<div class="container">
    <text class="title">待办事项</text>
    <div class="item" for="{
  {todolist}}">
        <text class="todo">{
  {$item.info}}</text>
        <switch showtext="true" checked="{
  {$item.status}}"
                texton="完成" textoff="待办"
                class="switch"
                @change="switchChange($idx)"></switch>
        <button class="remove" onclick="remove($idx)">删除</button>
    </div>
    <div class="info">
        <text class="info-text">您还有</text>
        <text class="info-num">{
  {TodoNum}}</text>
        <text class="info-text">件事情待办，加油！</text>
    </div>