feat: add backto top

Author: thonatos

src/component/Markdown/index.less

@@ -1,6 +1,4 @@
-.editor {
-  border: none;
-
+.markdown {
   :global {
     .editor-container {
       > .sec-html {
@@ -11,3 +9,11 @@
     }
   }
 }
+
+.markdown_render {
+  border: none;
+}
+
+.markdown_editor {
+  min-height: 180px;
+}

src/component/Markdown/index.tsx

@@ -11,13 +11,16 @@ const Markdown: React.FC<Props> = (props) => {
   const { value, type, onChange } = props;
 
   let view;
+  let classname = styles.markdown;
 
   if (type === 'render') {
     view = {
       menu: false,
       md: false,
       html: true,
     };
+
+    classname += ` ${styles.markdown_render}`;
   }
 
   if (type === 'editor') {
@@ -26,11 +29,13 @@ const Markdown: React.FC<Props> = (props) => {
       md: true,
       html: false,
     };
+
+    classname += ` ${styles.markdown_editor}`;
   }
 
   return (
     <MdEditor
-      className={styles.editor}
+      className={classname}
       readOnly={type === 'render'}
       view={view}
       value={value}

src/constants/index.ts

@@ -17,6 +17,10 @@ export const TABS_MAP = {
     name: '招聘',
     color: '#5BD8A6',
   },
+  dev: {
+    name: '客户端测试',
+    color: '#5BD8A6',
+  },
 };
 
 export type TabType = keyof typeof TABS_MAP;

src/layout.tsx

@@ -52,7 +52,7 @@ const layoutConfig = ({
     navTheme: 'light',
     layout: 'top',
     headerHeight: 64,
-    fixedHeader: false,
+    fixedHeader: true,
     contentWidth: 'Fluid',
 
     logo,

src/layout/index.tsx

@@ -3,6 +3,8 @@ import ProCard from '@ant-design/pro-card';
 
 import { IRoute, Link } from 'umi';
 import { PageContainer } from '@ant-design/pro-layout';
+import { Affix, Button } from 'antd';
+
 import UserInfo from './component/UserInfo';
 
 const getCurrentRoute = (route: IRoute, path: string): IRoute | undefined => {
@@ -76,6 +78,22 @@ const Layout: React.FC<React.PropsWithChildren<Props>> = (props) => {
           <UserInfo />
         </ProCard>
       </ProCard>
+      <Affix
+        offsetBottom={200}
+        style={{
+          position: 'fixed',
+          bottom: '50px',
+          right: '24px',
+        }}
+      >
+        <Button
+          onClick={() => {
+            window.scrollTo(0, 0);
+          }}
+        >
+          回到顶部
+        </Button>
+      </Affix>
     </PageContainer>
   );
 };

src/service/topic.ts

@@ -18,7 +18,9 @@ export const queryTopicList = async (params: {
     },
   };
 
-  return request(`${BASE_URL}/api/v1/topics`, options);
+  const res = await request(`${BASE_URL}/api/v1/topics`, options);
+  res.data = res.data.filter((item: any) => item?.author?.loginname);
+  return res;
 };
 
 export const queryTopicDetail = async (params: {