//加个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
uniapp一些常用api以及图片预览以及跳转带参数
最新推荐文章于 2024-05-30 10:32:10 发布