微信小程序开发 ---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
}