beautify ui!

src/pages/index/DutyInfo.tsx

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

src/pages/index/index.tsx

@@ -105,15 +105,17 @@ export default class MainPage extends Component<{}, MainPageState> {
     return (
       <View>
         <TitleCard />
-        <View style={{ marginTop: 30 }}>
-          {mainPageCard(this.state.dutyInfoCard)}
-          {mainPageCard(this.state.tipsInfoCard)}
-          <ExpandItem
-            title={mainPage.expandTitle.stepInfo}
-            content={mainPageCard(this.state.stepInfoCard)}
-          />
+        <View style={{ width: '94%', marginLeft: '3%' }}>
+          <View style={{ marginTop: 30 }}>
+            {mainPageCard(this.state.dutyInfoCard)}
+            {mainPageCard(this.state.tipsInfoCard)}
+            <ExpandItem
+              title={mainPage.expandTitle.stepInfo}
+              content={mainPageCard(this.state.stepInfoCard)}
+            />
+          </View>
+          <PageFooter />
         </View>
-        <PageFooter />
       </View>
     );
   }