HarmonyOS NEXT 中级开发环境搭建与智能管家 APP 开发

// entry/src/main/js/default/pages/index/index.jsexport default {    data: {        title: "智能管家",        tasks: [            { name: "打开灯光", completed: false },            { name: "调节温度", completed: false },            { name: "播放音乐", completed: false }        ]    },    onInit() {        this.title = "智能管家";    },    toggleTask(index) {        this.tasks[index].completed = !this.tasks[index].completed;        this.$element('taskList').update();    }}

<!-- entry/src/main/resources/base/layout/index.hml --><div class="container">    <text class="title">{{title}}</text>    <list id="taskList">        <list-item for="{{tasks}}" onclick="toggleTask($idx)">            <text class="{{$item.completed ? 'completed' : ''}}">{{$item.name}}</text>        </list-item>    </list></div>运行 HTML
css
/* entry/src/main/resources/base/style/index.css */.container {    flex-direction: column;    justify-content: center;    align-items: center;    padding: 20px;}.title {    font-size: 30px;    margin-bottom: 20px;}.completed {    text-decoration: line-through;    color: gray;}