feats

src/components/ShareModal/index.jsx

@@ -1,23 +1,33 @@
-
+import classNames from 'classnames'
+import Taro from '@tarojs/taro'
+import { Button } from '@tarojs/components'
 import './style.scss'
 
 export default (props) => {
   const { visible = false } = props
 
+  const shareTimeline = () => {
+    Taro.showToast({
+      title: '请点击右上角分享到朋友圈',
+      icon: 'none',
+      duration: 3000,
+    })
+  }
+
   return (
-    <view className={visible ? 'components ShareModal show' : 'components ShareModal'}>
+    <view className={classNames('components', 'ShareModal', { show: visible })}>
       <view>
         <text>分享</text>
         <view>
           <view>
-            <view>
+            <view onClick={shareTimeline}>
               <text className='iconfont icon-pengyouquan'></text>
               <text>朋友圈</text>
             </view>
-            <view>
+            <Button openType='share'>
               <text className='iconfont icon-weixin'></text>
               <text>好友或群</text>
-            </view>
+            </Button>
           </view>
           <text>取消</text>
         </view>

src/pages/index/activityDetail/index.jsx

@@ -185,10 +185,10 @@ export default withLayout((props) => {
         </view>
       </view>
       <view className="PageBottom flex-h">
-        <view className="Share">
+        <button className="Share" open-type="share">
           <text className="iconfont icon-fenxiang"></text>
           <text>分享</text>
-        </view>
+        </button>
         <view className="Collect" onClick={handleFavor}>
           <text
             className="iconfont icon-shoucang"

src/pages/index/activityDetail/index.scss

@@ -193,7 +193,12 @@
     padding: 20px 30px;
     >.Share,
     >.Collect {
+      line-height: inherit;
+      background: #fff;
       margin-left: 50px;
+      &::after {
+        border: none;
+      }
       >text {
         display: block;
         text-align: center;

src/utils/hooks/useShare.js

@@ -1,4 +1,4 @@
-import React, { useRef } from 'react'
+import React, { useEffect, useRef } from 'react'
 import Taro, { useShareAppMessage } from '@tarojs/taro'
 import shareTracking from '@/utils/tracking/share'
 
@@ -9,6 +9,15 @@ export default function useShare(shareContent, trackData) {
   shareRef.current = shareContent
   trackRef.current = trackData
 
+  useEffect(() => {
+    if (shareContent?.title) {
+      Taro.showShareMenu({
+        withShareTicket: true,
+        menus: ['shareAppMessage', 'shareTimeline']
+      })
+    }
+  }, [shareContent?.title])
+
   useShareAppMessage((res) => {
     const {
       title,