1:自带功能
methods:{
},
// 分享到朋友圈
onShareTimeline: function(res) {
return {
title: "彩云驿",
//path:"",//如果是分享的是商品详情就要带上路径与参数 `url?id=${this.id}`
imageUrl: "http://121.40.40.95:8183/static/img/logoF.4aa4b748.png"
};
},
// 首页 分享 可以分享整个小程序
onShareAppMessage() {
return {
title: '彩云驿',
imageUrl: 'http://121.40.40.95:8183/static/img/logoF.4aa4b748.png',
success() {
console.log('分享成功');
},
fail(err) {
console.error('分享失败', err);
}
};
},
// 收藏
onAddToFavorites: function(res) {
return {
title: "彩云驿",
imageUrl: "http://121.40.40.95:8183/static/img/logoF.4aa4b748.png"
};
},
2:自定义功能
<template>
<view>
<button @click="toggleFavorite">{{ isFavorite ? '已收藏' : '收藏' }}</button>
</view>
</template>
<script>
export default {
data() {
return {
isFavorite: false, // 初始化为未收藏状态
};
},
methods: {
// 切换收藏状态
async toggleFavorite() {
if (!this.isFavorite) {
// 未收藏时,发起收藏请求
const res = await this.addToFavorites();
if (res.success) {
this.isFavorite = true; // 收藏成功,更新状态
}
} else {
// 已收藏时,发起取消收藏请求
const res = await this.removeFromFavorites();
if (res.success) {
this.isFavorite = false; // 取消收藏成功,更新状态
}
}
},
// 发送收藏请求
addToFavorites() {
// 这里应该发送请求到后端API添加收藏
// 返回一个Promise对象,在此处处理请求结果
return new Promise((resolve, reject) => {
// 示例代码,实际应用中需要替换为实际的API请求
// resolve({ success: true }); // 假设请求成功
// reject({ success: false }); // 假设请求失败
});
},
// 发送取消收藏请求
removeFromFavorites() {
// 这里应该发送请求到后端API取消收藏
// 返回一个Promise对象,在此处处理请求结果
return new Promise((resolve, reject) => {
// 示例代码,实际应用中需要替换为实际的API请求
// resolve({ success: true }); // 假设请求成功
// reject({ success: false }); // 假设请求失败
});
},
},
};
</script>