微信小程序开发 ---3

一、界面反馈

1.1 提示框



加载更多，没有新数据时给予提示





1.2 虚拟确认框





第一次点击加载时，如果是在非wifi环境下 提示

data: {

    newsList:[],

    isone:0

}

设置一个初始值isone 等于0 , 点击加载取值 + 1

 <view>data-isone="{{isone+1}}">加载更多</view>





1.3 加载提示框

隐藏 loading 提示框

wx.showLoading({
title: '加载中',
})

setTimeout(function(){
wx.hideLoading()
},2000)

进入页面后，加载数据时显示，获取数据结束后影藏





(1) 进入页面以后，不显示加载更多按钮。 

(2) 当页面加载完成后才显示，

(3) 最后没有更多数据时也不显示

css样式来控制

<view style="display:{{moreHidden}}">加载更多</view>

初始值为none不显示

 moreHidden : 'none'



二、设置标题 和 返回



返回



页面

 <view class="close" bindtap="closepage">返回</view>

绑定一个事件

 // 关闭页面 返回上一级

  closepage :function () {
    wx.navigateBack({

    })
  },

添加样式

.close {

  text-align: center;

  font-size: 30px;

  margin: 30rpx;

  color :#aaa

}