一、css
二、方法
uniApp
1、动态修改头部标题
uni.setNavigationBarTitle({
title: this.dynamicTitle,
success: () => {
console.log('修改标题成功')
},
fail: () => {
console.log('修改标题失败')
},
complete: () => {
console.log('修改标题结束')
}
})
2、预览图片单张/多张(拖动缩放),识别https
uni.previewImage({
// 需要预览的图片链接列表
urls: [res.tempFilePath],
// 为当前显示图片的链接/索引值
current: res.tempFilePath,
// 图片指示器样式
indicator:'default',
// 是否可循环预览
loop:false
});
3、获取图片的详细信息
uni.getImageInfo({
src: '/static/bg_icon.png', // 图片地址
success(res) {
console.log(res.path)
}
})
4、将画布内容生成临时文件路径
uni.canvasToTempFilePath({
canvasId: 'canvas1',
success: (res) => {
console.log(res.tempFilePath)
},
fail: (res) => {
// 失败
}
})
5、文件下载
uni.downloadFile({
url: 'https://open-laser.oss-cn-shanghai.aliyuncs.com/ab965f82ebc64f92bd2f3d53c595bfb0.jpg',
success: (res)=>{
console.log(res.tempFilePath)
}
})
6、文件上传
uni.uploadFile({
url: 'https://open-laser.oss-cn-shanghai.aliyuncs.com/ab965f82ebc64f92bd2f3d53c595bfb0.jpg',
success: (res)=>{
console.log(res.tempFilePath)
}
})
小程序
希望我的愚见能够帮助你哦~,若有不足之处,还望指出,你们有更好的解决方法,欢迎大家在评论区下方留言支持,大家一起相互学习参考呀~