app图片长按保存

This commit is contained in:
Aaron
2021-07-21 17:40:53 +08:00
parent 8d4fe84606
commit 3a1ce61f97
4 changed files with 38 additions and 8 deletions

View File

@ -131,7 +131,7 @@
"setting" : {
"urlCheck" : true,
"postcss" : true,
"minified" : false
"minified" : true
},
"usingComponents" : true,
"permission" : {

View File

@ -1,10 +1,17 @@
<template>
<view class="poster-poster" v-if="status === false">
<view class="tip">
<!-- #ifndef H5 -->
<text class="iconfont icon-shuoming"></text>提示长按图片保存至手机相册
<!-- #endif -->
</view>
<view class="poster">
<image :src="image" mode="widthFix" @longtap="longtap" show-menu-by-longpress />
<!-- #ifndef APP-PLUS -->
<image :src="image" mode="widthFix" show-menu-by-longpress />
<!-- #endif -->
<!-- #ifdef APP-PLUS -->
<image :src="image" mode="widthFix" @longtap="longtap"/>
<!-- #endif -->
</view>
</view>
</template>
@ -22,7 +29,8 @@
return {
status: true,
id: 0,
image: ""
image: "",
img: 'https://img-blog.csdnimg.cn/20190626120443986.png'
};
},
mounted () {
@ -84,8 +92,29 @@
});
});
},
// 长按保存图片
longtap () {}
// app端长按保存
longtap () {
// 先下载图片
uni.downloadFile({
url: this.img,
success: (res) => {
// 获取到图片本地地址后再保存图片到相册(因为此方法不支持远程地址)
uni.saveImageToPhotosAlbum({
filePath: res.tempFilePath,
success: () => {
uni.showToast({
title: "保存成功!",
});
},
fail: () => {
uni.showToast({
title: "保存失败",
});
},
});
},
});
}
}
};
</script>

View File

@ -64,7 +64,7 @@
<text class="iconfont icon-jiantou"></text>
</text>
</view>
<view class="orderState acea-row row-middle">
<view class="orderState acea-row row-middle" v-if="userInfo.orderStatusNum !== undefined || userInfo.orderStatusNum !== null">
<view @click="goMyOrder(0)" class="item">
<view class="pictrue">
<image :src="`${$VUE_APP_RESOURCES_URL}/images/dfk.png`" />

View File

@ -29,6 +29,7 @@ const vuexStore = new Vuex.Store({
},
mutations: {
login(state, token, expires_time) {
console.log('设置token')
state.token = token
cookie.set(loginKey, token, expires_time)
},