aiden
/
tailchat
mirror of https://github.com/msgbyte/tailchat
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

refactor: html template

Browse Source
pull/13/head
moonrailgun 4 years ago
parent 26fd3c6cdb
commit 01c594f825
3 changed files with 45 additions and 48 deletions
Show Stats Download Patch File Download Diff File

9
web/assets/template.html
Unescape Escape View File

@ -1,7 +1,16 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Language" content="zh-CN" />
<meta charset="utf-8"/>
<meta name="keywords" content="im,chat,聊天,开源,即时通讯">
<meta name="description" content="开源即时通讯软件">
<meta name="renderer" content="webkit">
<meta name="force-rendering" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="google" content="notranslate">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
<meta http-equiv="X-UA-Compatible" content="IE=100" />
<title><%= htmlWebpackPlugin.options.title %></title>
</head>
<body>

18
web/src/routes/Main/Content/PageContent.tsx
Unescape Escape View File

@ -5,13 +5,6 @@ import { useDrag } from 'react-use-gesture';
import { useIsMobile } from '@/hooks/useIsMobile';
import clsx from 'clsx';
// const PageContentRoot = styled.div`
// display: flex;
// flex-direction: row;
// flex: 1;
// overflow: hidden;
// `;
// const ContentDetail = styled.div`
// flex: 1;
// background-color: ${(props) => props.theme.style.contentBackgroundColor};
@ -26,15 +19,6 @@ import clsx from 'clsx';
// }
// `;
// const ContentDetailMask = styled.div`
// position: absolute;
// top: 0;
// left: 0;
// right: 0;
// bottom: 0;
// z-index: 10;
// `;
// const SidebarContainer = styled.div<{
// showSidebar: boolean;
// }>`
@ -80,6 +64,8 @@ PageGestureWrapper.displayName = 'PageGestureWrapper';
/**
* 用于渲染实际页面的组件，即除了导航栏剩余的内容
*
* TODO: 移动端适配
*/
export const PageContent: React.FC<PageContentProps> = React.memo((props) => {
const { sidebar, children } = props;

66
web/src/routes/Main/Content/Personal/Friends/index.tsx
Unescape Escape View File

@ -11,40 +11,42 @@ export const FriendPanel: React.FC = React.memo(() => {
const userId = useAppSelector((state) => state.user.info?._id);
return (
<PillTabs>
<PillTabPane tab={'全部'} key="1">
<div className="py-2.5 px-5">
<div>好友列表</div>
<div>{JSON.stringify(friends)}</div>
</div>
</PillTabPane>
<PillTabPane tab={'已发送'} key="2">
<div className="py-2.5 px-5">
<div>发送的好友请求</div>
<div>
{JSON.stringify(
friendRequests.filter((item) => item.from === userId)
)}
<div className="w-full">
<PillTabs>
<PillTabPane tab={'全部'} key="1">
<div className="py-2.5 px-5">
<div>好友列表</div>
<div>{JSON.stringify(friends)}</div>
</div>
</div>
</PillTabPane>
<PillTabPane tab={'待处理'} key="3">
<div className="py-2.5 px-5">
<div>接受的好友请求</div>
<div>
{JSON.stringify(
friendRequests.filter((item) => item.to === userId)
)}
</PillTabPane>
<PillTabPane tab={'已发送'} key="2">
<div className="py-2.5 px-5">
<div>发送的好友请求</div>
<div>
{JSON.stringify(
friendRequests.filter((item) => item.from === userId)
)}
</div>
</div>
</div>
</PillTabPane>
<PillTabPane
tab={<span className="text-green-400">添加好友</span>}
key="4"
>
添加好友
</PillTabPane>
</PillTabs>
</PillTabPane>
<PillTabPane tab={'待处理'} key="3">
<div className="py-2.5 px-5">
<div>接受的好友请求</div>
<div>
{JSON.stringify(
friendRequests.filter((item) => item.to === userId)
)}
</div>
</div>
</PillTabPane>
<PillTabPane
tab={<span className="text-green-400">添加好友</span>}
key="4"
>
添加好友
</PillTabPane>
</PillTabs>
</div>
);
});
FriendPanel.displayName = 'FriendPanel';

Write Preview
Loading…
Cancel
Save