微信小程序(二十五)条件判断语句与结构隐藏

注释很详细,直接上代码

上一篇

新增内容:
1.条件判断语句的演示
2.隐藏结构的演示

源码:

index.wxml

<view>
    
    <text wx:if="{{isLogin}}">已登入的用户text>
    <text wx:else>游客text>
    <text> 你好:text>
view>

<view>
    
    <text hidden="{{isHidden}}">正在加载中……text>
view> 

index.js

Page({
    data:{
            //决定登入状态
            isLogin:true,
            
            //决定隐藏状态
            isHidden:true
         }
})

效果演示:

微信小程序(二十五)条件判断语句与结构隐藏_第1张图片
微信小程序(二十五)条件判断语句与结构隐藏_第2张图片
微信小程序(二十五)条件判断语句与结构隐藏_第3张图片
微信小程序(二十五)条件判断语句与结构隐藏_第4张图片

你可能感兴趣的:(微信小程序,微信小程序,小程序)