Acmen、L学习案例集锦《三》加载中提示框loading，消息提示框toast，navigator页面跳

<view>
    <loading hidden="{{hidden}}">
        加载中...
    </loading>
    <button bindtap="changeHidden">show/hidden</button>
</view>

      Page({
    data:{
        hidden:true
    },
    changeHidden: function(){
        this.setData({
            hidden: !this.data.hidden
        });
    }
})  

<view>
     <toast hidden="{{hidden}}" duration="2500" bindchange="open" bindtap="close">
        内容
    </toast>
</view>

Page({
    data:{
        hidden:false
    },
    open: function(){
        console.log("延时调用");
    },
    close: function(){
        this.setData({
            hidden:true
    });
        console.log("关闭弹框");
    }
})

<view>
    <navigator url="../other/other" hover-class="changestyle">页面跳转，可以返回</navigator>
</view>
<view>
    <navigator url="../other/other" hover-class="changestyle" redirect>页面跳转，无法返回</navigator>
</view>

.changestyle{
    color: red;
}