中国优质的IT技术网站
专业IT技术创作平台
IT职业在线教育平台
一.创建项目 二.代码示例 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 } }
三.效果示例
微信扫码分享