125 lines
1.9 MiB
Vue
125 lines
1.9 MiB
Vue
|
<template>
|
|||
|
|
<view class="invite_friends_warp">
|
|||
|
|
<view class="invite_img">
|
|||
|
|
<view class="invite_content_img">
|
|||
|
|
<view>
|
|||
|
|
<view class="invite_content_img_title">邀请你</view>
|
|||
|
|
<view class="invite_content_img_msg">扫一扫，好物轻松购</view>
|
|||
|
|
</view>
|
|||
|
|
<view>
|
|||
|
|
<up-image src="/static/invite/bg.png" width="60" height="60" bgColor="#f1f6ff00"></up-image>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="invite_but">
|
|||
|
|
<view class="save_but">
|
|||
|
|
<text style="margin-left: 10rpx;" @click="saveHeadImgFile(null)">保存图片</text>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
methods: {
|
|||
|
|
// 保存图片
|
|||
|
|
// async saveImage(){
|
|||
|
|
// const shareImagesObj = this.shareImagesArr[this.shareImagesIndex];
|
|||
|
|
// const params = {
|
|||
|
|
// id:this.shareId,
|
|||
|
|
// imgId:shareImagesObj.id,
|
|||
|
|
// }
|
|||
|
|
// const response = await uni.$httpHeader.post(mergeImage,params);
|
|||
|
|
// this.saveHeadImgFile(response.data);
|
|||
|
|
// },
|
|||
|
|
saveHeadImgFile(base64Data) {
|
|||
|
|
if(!base64Data){
|
|||
|
|
return;
|
|||
|
|
}
|
|||
|
|
// 获取文件系统管理器
|
|||
|
|
const fsm = uni.getFileSystemManager();
|
|||
|
|
const filePath = `${uni.env.USER_DATA_PATH}/your-image-name.png`;
|
|||
|
|
|
|||
|
|
fsm.writeFile({
|
|||
|
|
filePath: filePath,
|
|||
|
|
data: base64Data.split(',')[1], // 去掉base64的头部信息
|
|||
|
|
encoding: 'base64',
|
|||
|
|
success: function (res) {
|
|||
|
|
// 保存图片到相册
|
|||
|
|
uni.saveImageToPhotosAlbum({
|
|||
|
|
filePath: filePath,
|
|||
|
|
success: function () {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '图片保存到相册成功',
|
|||
|
|
icon: 'success'
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
fail: function (err) {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '图片保存失败',
|
|||
|
|
icon: 'error'
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
fail: function (err) {
|
|||
|
|
uni.showToast({
|
|||
|
|
title: '图片保存失败',
|
|||
|
|
icon: 'error'
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
.invite_friends_warp{
|
|||
|
|
height: calc(100vh - 80rpx);
|
|||
|
|
padding: 40rpx;
|
|||
|
|
}
|
|||
|
|
.invite_img{
|
|||
|
|
margin-top: 52rpx;
|
|||
|
|
height: 930rpx;
|
|||
|
|
background-image: url("data:image/png;base64,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
|
|||
|
|
background-size: 100% 100%;
|
|||
|
|
background-position: center; /* 将图片居中显示 */
|
|||
|
|
.invite_content_img{
|
|||
|
|
padding: 738rpx 74rpx 0;
|
|||
|
|
display: flex;
|
|||
|
|
justify-content: space-between;
|
|||
|
|
}
|
|||
|
|
.invite_content_img_title{
|
|||
|
|
font-weight: bold;
|
|||
|
|
font-size: 30rpx;
|
|||
|
|
color: $app-bt-bj;
|
|||
|
|
}
|
|||
|
|
.invite_content_img_msg{
|
|||
|
|
font-size: 26rpx;
|
|||
|
|
color: #111111;
|
|||
|
|
margin-top: 20rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.invite_but{
|
|||
|
|
padding: 20rpx 50rpx;
|
|||
|
|
margin-top: 52rpx;
|
|||
|
|
.save_but{
|
|||
|
|
text-align: center;
|
|||
|
|
background: $app-bt-bj;
|
|||
|
|
border-radius: 45rpx;
|
|||
|
|
width: 100%;
|
|||
|
|
color: #FFF;
|
|||
|
|
padding: 30rpx 0;
|
|||
|
|
font-weight: 500;
|
|||
|
|
font-size: 32rpx;
|
|||
|
|
color: #FFFFFF;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|