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

鸿蒙时代
发布于 2022-5-6 14:07
浏览
1收藏

HarmonyOS应用开发-显示开关功能与界面的实现-鸿蒙开发者社区
一.创建项目
二.代码示例
hml

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

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;
}

Js

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

三.效果示例
HarmonyOS应用开发-显示开关功能与界面的实现-鸿蒙开发者社区

标签
HarmonyOS应用开发-显示开关功能与界面的实.docx 79.49K 6次下载
1
收藏 1
回复
举报
回复
    相关推荐