Dawn_Ocean
/
EVA-Notify
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add about page structure

main
Dawn1Ocean 2024-03-20 01:45:22 +08:00
parent 9f77cb0f2a
commit 952c230148
2 changed files with 99 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

59
src/pages/user/about/about.tsx
View File

@ -1,5 +1,5 @@
import { Component, ReactNode } from 'react'; import { Component, ReactNode } from 'react';
import { View } from '@tarojs/components'; import { Image, View } from '@tarojs/components';
import Taro from '@tarojs/taro'; import Taro from '@tarojs/taro';
import pt from '@/plain-text'; import pt from '@/plain-text';
import './about.scss'; import './about.scss';
@ -11,6 +11,61 @@ export default class AboutPage extends Component {
}); });
} }
render(): ReactNode { render(): ReactNode {
return <View></View>; return (
<View>
<View
style={{ marginTop: '60rpx', marginBottom: '60rpx' }}
className='at-row at-row__align--start'
>
<View className='at-col at-col-1 at-col--auto'>
<Image
style='width: 240rpx; height: 240rpx; margin-left: 60rpx; margin-right: 30rpx; margin-top: 30rpx; border-radius: 120rpx'
src='https://wiki.zjueva.net/images/1/10/%E5%A4%B4%E5%83%8F.jpg?20240319171222'
mode='aspectFit'
/>
</View>
<View className='at-article at-col'>
<View className='at-article__h1'>
{pt.get().aboutPage.dean.nickname}
</View>
<View className='at-article__h3'>
{pt.get().aboutPage.dean.username}
</View>
<View className='at-article__p'>
{pt.get().aboutPage.dean.status}
</View>
<View className='at-article__info'>
{pt.get().aboutPage.dean.note}
</View>
</View>
</View>
<View
style={{ marginTop: '60rpx', marginBottom: '60rpx' }}
className='at-row at-row__align--start'
>
<View className='at-col at-col-1 at-col--auto'>
<Image
style='width: 240rpx; height: 240rpx; margin-left: 60rpx; margin-right: 30rpx; margin-top: 30rpx; border-radius: 120rpx'
src='https://wiki.zjueva.net/images/1/10/%E5%A4%B4%E5%83%8F.jpg?20240319171222'
mode='aspectFit'
/>
</View>
<View className='at-article at-col'>
<View className='at-article__h1'>
{pt.get().aboutPage.fracher.nickname}
</View>
<View className='at-article__h3'>
{pt.get().aboutPage.fracher.username}
</View>
<View className='at-article__p'>
{pt.get().aboutPage.fracher.status}
</View>
<View className='at-article__info'>
{pt.get().aboutPage.fracher.note}
</View>
</View>
</View>
</View>
);
} }
} }

45
src/plain-text/AboutPage.ts
View File

@ -1,5 +1,44 @@
export interface AboutPageText {} export interface AboutPageText {
dean: {
nickname: string;
username: string;
status: string;
note: string;
};
fracher: {
nickname: string;
username: string;
status: string;
note: string;
};
}
export const aboutPageZhCn: AboutPageText = {}; export const aboutPageZhCn: AboutPageText = {
dean: {
nickname: '晓洋',
username: '@ Dawn_Ocean',
status: 'Eta & Tea 总设计',
note: '摸鱼与开发叠加态',
},
fracher: {
nickname: '宇航员',
username: '@ FrozenArcher',
status: 'Ate 总设计, Eta 合作贡献者',
note: '6~',
},
};
export const aboutPageEnUs: AboutPageText = {}; export const aboutPageEnUs: AboutPageText = {
dean: {
nickname: 'Dean Ma',
username: '@ Dawn_Ocean',
status: "Eta & Tea's General Designer",
note: 'Struggling between developing & laziness',
},
fracher: {
nickname: 'Fracher',
username: '@ FrozenArcher',
status: "Ate's General Designer, Eta's Contributor",
note: '6~',
},
};