refactor(taro): 移除朋友圈分享相关代码
- 删除了多个组件中的 useShareTimeline钩子 - 移除了 BestSellers 组件中关于朋友圈分享的逻辑 - 删除了 common.ts 中的 showShareGuide 函数- 优化了分享相关代码,仅保留 app 消息分享功能
This commit is contained in:
@@ -1,5 +1,5 @@
|
|||||||
import Taro from '@tarojs/taro'
|
import Taro from '@tarojs/taro'
|
||||||
import {useShareAppMessage, useShareTimeline} from "@tarojs/taro"
|
import {useShareAppMessage} from "@tarojs/taro"
|
||||||
import {Loading} from '@nutui/nutui-react-taro'
|
import {Loading} from '@nutui/nutui-react-taro'
|
||||||
import {useEffect, useState} from "react"
|
import {useEffect, useState} from "react"
|
||||||
import {useRouter} from '@tarojs/taro'
|
import {useRouter} from '@tarojs/taro'
|
||||||
@@ -42,22 +42,15 @@ function Category() {
|
|||||||
})
|
})
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
useShareTimeline(() => {
|
|
||||||
return {
|
|
||||||
title: `${nav?.categoryName}_时里院子市集`,
|
|
||||||
path: `/shop/category/index?id=${categoryId}`
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
||||||
useShareAppMessage(() => {
|
useShareAppMessage(() => {
|
||||||
return {
|
return {
|
||||||
title: `${nav?.categoryName}_时里院子市集`,
|
title: `${nav?.categoryName}_时里院子市集`,
|
||||||
path: `/shop/category/index?id=${categoryId}`,
|
path: `/shop/category/index?id=${categoryId}`,
|
||||||
success: function (res) {
|
success: function () {
|
||||||
console.log('分享成功', res);
|
console.log('分享成功');
|
||||||
},
|
},
|
||||||
fail: function (res) {
|
fail: function () {
|
||||||
console.log('分享失败', res);
|
console.log('分享失败');
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -158,7 +158,7 @@ const DealerQrcode: React.FC = () => {
|
|||||||
// 小程序分享
|
// 小程序分享
|
||||||
Taro.showShareMenu({
|
Taro.showShareMenu({
|
||||||
withShareTicket: true,
|
withShareTicket: true,
|
||||||
showShareItems: ['shareAppMessage', 'shareTimeline']
|
showShareItems: ['shareAppMessage']
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
import {useEffect, useState} from "react";
|
import {useEffect, useState} from "react";
|
||||||
import Taro, {useShareAppMessage, useShareTimeline, useDidShow} from '@tarojs/taro';
|
import Taro, {useShareAppMessage, useDidShow} from '@tarojs/taro';
|
||||||
import {
|
import {
|
||||||
NavBar,
|
NavBar,
|
||||||
Checkbox,
|
Checkbox,
|
||||||
@@ -39,12 +39,6 @@ function Cart() {
|
|||||||
nutuiInputnumberButtonBorderRadius: '4px',
|
nutuiInputnumberButtonBorderRadius: '4px',
|
||||||
}
|
}
|
||||||
|
|
||||||
useShareTimeline(() => {
|
|
||||||
return {
|
|
||||||
title: '购物车 - 网宿小店'
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
||||||
useShareAppMessage(() => {
|
useShareAppMessage(() => {
|
||||||
return {
|
return {
|
||||||
title: '购物车 - 网宿小店',
|
title: '购物车 - 网宿小店',
|
||||||
|
|||||||
@@ -2,7 +2,7 @@ import {useEffect, useState} from "react";
|
|||||||
import {Image} from '@nutui/nutui-react-taro'
|
import {Image} from '@nutui/nutui-react-taro'
|
||||||
import {Share} from '@nutui/icons-react-taro'
|
import {Share} from '@nutui/icons-react-taro'
|
||||||
import {View, Text} from '@tarojs/components';
|
import {View, Text} from '@tarojs/components';
|
||||||
import Taro, {useShareAppMessage, useShareTimeline} from "@tarojs/taro";
|
import Taro, {useShareAppMessage} from "@tarojs/taro";
|
||||||
import {ShopGoods} from "@/api/shop/shopGoods/model";
|
import {ShopGoods} from "@/api/shop/shopGoods/model";
|
||||||
import {pageShopGoods} from "@/api/shop/shopGoods";
|
import {pageShopGoods} from "@/api/shop/shopGoods";
|
||||||
import './BestSellers.scss'
|
import './BestSellers.scss'
|
||||||
@@ -24,7 +24,7 @@ const BestSellers = () => {
|
|||||||
|
|
||||||
// 显示分享选项菜单
|
// 显示分享选项菜单
|
||||||
Taro.showActionSheet({
|
Taro.showActionSheet({
|
||||||
itemList: ['分享给好友', '分享到朋友圈'],
|
itemList: ['分享给好友'],
|
||||||
success: (res) => {
|
success: (res) => {
|
||||||
if (res.tapIndex === 0) {
|
if (res.tapIndex === 0) {
|
||||||
// 分享给好友 - 触发转发
|
// 分享给好友 - 触发转发
|
||||||
@@ -39,13 +39,6 @@ const BestSellers = () => {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
} else if (res.tapIndex === 1) {
|
|
||||||
// 分享到朋友圈
|
|
||||||
Taro.showToast({
|
|
||||||
title: '请点击右上角分享到朋友圈',
|
|
||||||
icon: 'none',
|
|
||||||
duration: 2000
|
|
||||||
});
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
fail: (err) => {
|
fail: (err) => {
|
||||||
@@ -83,15 +76,6 @@ const BestSellers = () => {
|
|||||||
};
|
};
|
||||||
});
|
});
|
||||||
|
|
||||||
// 分享到朋友圈
|
|
||||||
useShareTimeline(() => {
|
|
||||||
return {
|
|
||||||
title: `${goods?.name || '精选商品'} - 网宿小店`,
|
|
||||||
path: `/shop/goodsDetail/index?id=${goods?.goodsId}`,
|
|
||||||
imageUrl: goods?.image
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<View className={'py-3'}>
|
<View className={'py-3'}>
|
||||||
@@ -115,7 +99,7 @@ const BestSellers = () => {
|
|||||||
<Text className={'font-bold text-2xl'}>{item.price}</Text>
|
<Text className={'font-bold text-2xl'}>{item.price}</Text>
|
||||||
</View>
|
</View>
|
||||||
<View className={'buy-btn'}>
|
<View className={'buy-btn'}>
|
||||||
<View className={'cart-icon flex items-center'}>
|
<View className={'cart-icon flex items-center hidden'}>
|
||||||
<View
|
<View
|
||||||
className={'flex flex-col justify-center items-center text-white px-3 gap-1 text-nowrap whitespace-nowrap cursor-pointer'}
|
className={'flex flex-col justify-center items-center text-white px-3 gap-1 text-nowrap whitespace-nowrap cursor-pointer'}
|
||||||
onClick={() => handleShare(item)}
|
onClick={() => handleShare(item)}
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import Header from './Header';
|
import Header from './Header';
|
||||||
import BestSellers from './BestSellers';
|
import BestSellers from './BestSellers';
|
||||||
import Taro from '@tarojs/taro';
|
import Taro from '@tarojs/taro';
|
||||||
import {useShareAppMessage, useShareTimeline} from "@tarojs/taro"
|
import {useShareAppMessage} from "@tarojs/taro"
|
||||||
import {useEffect, useState} from "react";
|
import {useEffect, useState} from "react";
|
||||||
import {getShopInfo} from "@/api/layout";
|
import {getShopInfo} from "@/api/layout";
|
||||||
import {Sticky} from '@nutui/nutui-react-taro'
|
import {Sticky} from '@nutui/nutui-react-taro'
|
||||||
@@ -16,13 +16,6 @@ function Home() {
|
|||||||
// 吸顶状态
|
// 吸顶状态
|
||||||
const [stickyStatus, setStickyStatus] = useState<boolean>(false)
|
const [stickyStatus, setStickyStatus] = useState<boolean>(false)
|
||||||
|
|
||||||
useShareTimeline(() => {
|
|
||||||
return {
|
|
||||||
title: '网宿小店 - 网宿软件',
|
|
||||||
path: `/pages/index/index`
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
||||||
useShareAppMessage(() => {
|
useShareAppMessage(() => {
|
||||||
return {
|
return {
|
||||||
title: '网宿小店 - 网宿软件',
|
title: '网宿小店 - 网宿软件',
|
||||||
|
|||||||
@@ -1,6 +1,6 @@
|
|||||||
import Taro from '@tarojs/taro'
|
import Taro from '@tarojs/taro'
|
||||||
import GoodsList from './components/GoodsList'
|
import GoodsList from './components/GoodsList'
|
||||||
import {useShareAppMessage, useShareTimeline} from "@tarojs/taro"
|
import {useShareAppMessage} from "@tarojs/taro"
|
||||||
import {Loading} from '@nutui/nutui-react-taro'
|
import {Loading} from '@nutui/nutui-react-taro'
|
||||||
import {useEffect, useState} from "react"
|
import {useEffect, useState} from "react"
|
||||||
import {useRouter} from '@tarojs/taro'
|
import {useRouter} from '@tarojs/taro'
|
||||||
@@ -40,22 +40,15 @@ function Category() {
|
|||||||
})
|
})
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
useShareTimeline(() => {
|
|
||||||
return {
|
|
||||||
title: `${nav?.categoryName}_时里院子市集`,
|
|
||||||
path: `/shop/category/index?id=${categoryId}`
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
||||||
useShareAppMessage(() => {
|
useShareAppMessage(() => {
|
||||||
return {
|
return {
|
||||||
title: `${nav?.categoryName}_时里院子市集`,
|
title: `${nav?.categoryName}_时里院子市集`,
|
||||||
path: `/shop/category/index?id=${categoryId}`,
|
path: `/shop/category/index?id=${categoryId}`,
|
||||||
success: function (res) {
|
success: function () {
|
||||||
console.log('分享成功', res);
|
console.log('分享成功');
|
||||||
},
|
},
|
||||||
fail: function (res) {
|
fail: function () {
|
||||||
console.log('分享失败', res);
|
console.log('分享失败');
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -1,7 +1,7 @@
|
|||||||
import {useEffect, useState} from "react";
|
import {useEffect, useState} from "react";
|
||||||
import {Image, Divider, Badge} from "@nutui/nutui-react-taro";
|
import {Image, Divider, Badge} from "@nutui/nutui-react-taro";
|
||||||
import {ArrowLeft, Headphones, Share, Cart} from "@nutui/icons-react-taro";
|
import {ArrowLeft, Headphones, Share, Cart} from "@nutui/icons-react-taro";
|
||||||
import Taro, {useShareAppMessage, useShareTimeline} from "@tarojs/taro";
|
import Taro, {useShareAppMessage} from "@tarojs/taro";
|
||||||
import {RichText, View} from '@tarojs/components'
|
import {RichText, View} from '@tarojs/components'
|
||||||
import {ShopGoods} from "@/api/shop/shopGoods/model";
|
import {ShopGoods} from "@/api/shop/shopGoods/model";
|
||||||
import {getShopGoods} from "@/api/shop/shopGoods";
|
import {getShopGoods} from "@/api/shop/shopGoods";
|
||||||
@@ -186,15 +186,6 @@ const GoodsDetail = () => {
|
|||||||
};
|
};
|
||||||
});
|
});
|
||||||
|
|
||||||
// 分享到朋友圈
|
|
||||||
useShareTimeline(() => {
|
|
||||||
return {
|
|
||||||
title: `${goods?.name || '精选商品'} - 网宿小店`,
|
|
||||||
path: `/shop/goodsDetail/index?id=${goodsId}`,
|
|
||||||
imageUrl: goods?.image
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
||||||
if (!goods || loading) {
|
if (!goods || loading) {
|
||||||
return <div>加载中...</div>;
|
return <div>加载中...</div>;
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -78,18 +78,6 @@ export function shareGoodsLink(goodsId: string | number) {
|
|||||||
copyText(shareUrl);
|
copyText(shareUrl);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
|
||||||
* 显示分享引导提示
|
|
||||||
*/
|
|
||||||
export function showShareGuide() {
|
|
||||||
Taro.showModal({
|
|
||||||
title: '分享提示',
|
|
||||||
content: '请点击右上角的"..."按钮,然后选择"转发"来分享给好友,或选择"分享到朋友圈"',
|
|
||||||
showCancel: false,
|
|
||||||
confirmText: '知道了'
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* 截取字符串,确保不超过指定的汉字长度
|
* 截取字符串,确保不超过指定的汉字长度
|
||||||
* @param text 原始文本
|
* @param text 原始文本
|
||||||
|
|||||||
Reference in New Issue
Block a user