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" : { "setting" : {
"urlCheck" : true, "urlCheck" : true,
"postcss" : true, "postcss" : true,
"minified" : false "minified" : true
}, },
"usingComponents" : true, "usingComponents" : true,
"permission" : { "permission" : {

View File

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

View File

@ -64,7 +64,7 @@
<text class="iconfont icon-jiantou"></text> <text class="iconfont icon-jiantou"></text>
</text> </text>
</view> </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 @click="goMyOrder(0)" class="item">
<view class="pictrue"> <view class="pictrue">
<image :src="`${$VUE_APP_RESOURCES_URL}/images/dfk.png`" /> <image :src="`${$VUE_APP_RESOURCES_URL}/images/dfk.png`" />

View File

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