HarmonyOS应用开发-显示开关功能与界面的实现

<div class="container">
    <text class="title">一段话是否显示：</text>
    <switch checked="false" @change="switchChange"></switch>
    <text class="txt" show="{{ isShow }}">{{txt}}</text>
</div>

1.
2.
3.
4.
5.
6.

Css.container {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.title {
    font-size:20px;
    margin: 20px 0px 10px 15px;
}
.txt{
    font-size: 16px;
}

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.

import prompt from '@system.prompt';
export default {
    data: {
        isShow:false,
        txt:'　是夜，静悄悄，万物无声。风，淡淡的吹来，带着一丝的凉意。夏的炎热在夜晚消失无踪。仰望天空，天边几颗星子，点缀着夜幕。脚下，每天走着的小路，在今天犹独的寂静，寂静得美丽。"　喜欢这样的夜晚，月光如水般的流泻。当喧嚣隐入静寂，灵动的清风牵引倦怠的心流连在杨柳岸边，飘飞，如风飞扬。'
    },
    switchChange(e){
        this.isShow = !this.isShow
    }
}

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.