frum

frontend/src/pages/ForumDetail.jsx

@@ -81,6 +81,12 @@ const ForumDetail = () => {
       message.info(`已添加 @${nickname}`);
   };
 
+  const showUserTitle = (author) => {
+      if (author?.is_star || author?.title) {
+          message.info(author.title || '技术专家');
+      }
+  };
+
   const handleSubmitReply = async () => {
     if (!user) {
       setLoginModalVisible(true);
@@ -220,7 +226,13 @@ const ForumDetail = () => {
           
           <Space size={isMobile ? 'small' : 'large'} style={{ color: '#888', marginTop: 10, flexWrap: 'wrap' }}>
             <Space>
-               <Avatar src={topic.author_info?.avatar_url} icon={<UserOutlined />} size={isMobile ? 'small' : 'default'} />
+               <Avatar 
+                   src={topic.author_info?.avatar_url} 
+                   icon={<UserOutlined />} 
+                   size={isMobile ? 'small' : 'default'} 
+                   style={{ cursor: 'pointer' }}
+                   onClick={() => showUserTitle(topic.author_info)}
+               />
                <span style={{ color: '#ccc', fontSize: isMobile ? 12 : 14 }}>{topic.author_info?.nickname}</span>
                {topic.is_verified_owner && (
                  <Tooltip title="已验证购买过相关产品">
@@ -286,7 +298,13 @@ const ForumDetail = () => {
                 styles={{ body: { padding: isMobile ? '15px' : '24px' } }}
              >
                 <div style={{ display: 'flex', gap: isMobile ? 10 : 16 }}>
-                    <Avatar src={reply.author_info?.avatar_url} icon={<UserOutlined />} size={isMobile ? 'small' : 'default'} />
+                    <Avatar 
+                        src={reply.author_info?.avatar_url} 
+                        icon={<UserOutlined />} 
+                        size={isMobile ? 'small' : 'default'} 
+                        style={{ cursor: 'pointer' }}
+                        onClick={() => showUserTitle(reply.author_info)}
+                    />
                     <div style={{ flex: 1 }}>
                         <div style={{ display: 'flex', justifyContent: 'space-between', marginBottom: 8 }}>
                             <Space size={isMobile ? 'small' : 'middle'} align="center">