optimize layout of index page

src/pages/index/DutyInfo.tsx

@@ -49,7 +49,8 @@ class Card extends Component {
           <View
             style={{
               marginLeft: 10,
-              fontSize: 36,
+              fontSize: 30,
+              fontWeight: 'bold',
             }}
           >
             {title}

src/pages/index/TitleCard.tsx

@@ -1,14 +1,25 @@
 import React from 'react';
-import { View } from '@tarojs/components';
+import { View, Image } from '@tarojs/components';
 import pt from '@/plain-text';
+import logo from '@/assets/images/UserPage/logo.png';
 
 export default class TitleCard extends React.Component {
   render(): React.ReactNode {
     const mainPage = pt.get().mainPage;
     return (
-      <View className='page-title'>
-        <View className='at-article__h1'>{mainPage.mainTitleLine}</View>
-        <View className='at-article__h2'>{mainPage.subTitleLine}</View>
+      <View className='at-row at-row__align--center'>
+        <View className='at-col at-col-1 at-col--auto'>
+          <Image
+            style='width: 50px; height: 50px; margin-left: 15px;'
+            src={logo}
+          />
+        </View>
+        <View className='page-title'>
+          <View className='at-article__h1' style={{ fontWeight: 'bold' }}>
+            {mainPage.mainTitleLine}
+          </View>
+          <View className='at-article__h2'>{mainPage.subTitleLine}</View>
+        </View>
       </View>
     );
   }

src/pages/index/index.tsx

@@ -69,20 +69,20 @@ export default class MainPage extends Component<{}, MainPageState> {
     dutyData: new DutyData(),
     dutyInfoCard: {
       title: pt.get().mainPage.cardTitle.dutyInfo,
-      note: 'Tips',
-      extra: '额外信息',
+      note: pt.get().mainPage.cardTips.dutyInfo,
+      extra: pt.get().mainPage.extraInfo.dutyInfo,
       content: () => <DutyInfo data={this.state.dutyData} />,
     },
     stepInfoCard: {
       title: pt.get().mainPage.cardTitle.stepInfo,
-      note: 'Tips 请在20:30以前取走自己的物品哦',
-      extra: '额外信息',
+      note: pt.get().mainPage.cardTips.stepInfo,
+      extra: pt.get().mainPage.extraInfo.dutyInfo,
       content: () => <StepInfo />,
     },
     tipsInfoCard: {
       title: pt.get().mainPage.cardTitle.tipsInfo,
-      note: 'Tips',
-      extra: '额外信息',
+      note: pt.get().mainPage.cardTips.tipsInfo,
+      extra: pt.get().mainPage.extraInfo.dutyInfo,
       content: () => <TipsInfo />,
     },
     // rs: new RequestState(),