feat: detail static over

src/pages/detail/index.tsx

@@ -22,6 +22,10 @@ function insertDotInTags(tags: string[]) {
   return tags.join('-·-').split('-')
 }
 
+function handleShare() {
+
+}
+
 function Index() {
   // 使用Zustand store
   // const userStats = useUserStats()
@@ -439,8 +443,15 @@ function Index() {
         {/* sticky bottom action bar */}
         <View className="sticky-bottom-bar">
           <View className="sticky-bottom-bar-share-and-comment">
-            <View></View>
-            <View></View>
+            <View className='sticky-bottom-bar-share' onClick={handleShare}>
+              <Image className='sticky-bottom-bar-share-icon' src={img.ICON_DETAIL_SHARE} />
+              <Text className='sticky-bottom-bar-share-text'>分享</Text>
+            </View>
+            <View className='sticky-bottom-bar-share-and-comment-separator' />
+            <View className='sticky-bottom-bar-comment' onClick={() => { Taro.showToast({ title: 'To be continued', icon: 'none' }) }}>
+              <Image className='sticky-bottom-bar-comment-icon' src={img.ICON_DETAIL_COMMENT_DARK} />
+              <Text className='sticky-bottom-bar-comment-text'>32</Text>
+            </View>
           </View>
           <View className="sticky-bottom-bar-join-game">
             <Text>🎾</Text>