uniapp一些常用api以及图片预览以及跳转带参数

//加个loading
uni.hideNavigationBarLoading()
uni.hideHomeButton()
uni.showLoading({
     title: '登录中'
})

小程序提示
 uni.showToast({
      icon: "none",
      duration: 1000,
      position: 'top',
      title: "还没加",
 })

uni图片预览
 <img :src="imgList.input.urls[imgIndexC]" alt="加载失败" @click.stop="clickOpen">

clickOpen() {
    this.methods('showPreview');
},

showPreview(){
   uni.previewImage({
      current:this.imgIndexC,
      urls:this.imgList.input.urls
   })
}

// 真实用于组件内的图片列表
  imgList: {
		input:{
			urls:[
				'http://www.263th.com/img/50.jpg',
				'http://imagecn.gasgoo.com/moblogo/News/UEditor/image/cb56892c4f1541239b01b54dbae82be020190716/6369889080500747812748224.jpg',
				'http://img.hx2cars.com/upload/newimg2/M00/56/47/Clo8xF8ZQRWAMIhqAAJ-T3zdnp4549_small_400_300.jpg',
				'https://pic3.zhimg.com/80/23cec977f999dcd8a78e70bafec36aca_720w.jpg'
			]
		}
		
  },

// 计算index
  imgIndexC() {
    let r = 0;
    return r;
  }
 
计算属性设置背景图
:style="{backgroundImage:`url(${bgUrl})`}"

小程序页面跳转带参数
uni.navigateTo({
      url: name+'?'+`object=${JSON.stringify(item)}`,
})

toPage (name) {
    console.log(this.keyName)
      uni.navigateTo({
        url: name+'?query='+this.keyName,
        fail:()=>{
          uni.switchTab({
            url: name+'?query='+this.keyName
          })
        }
      })
  }

上拉加载下拉刷新的插件
http://www.mescroll.com/uni.html