beautify ui!

src/pages/TicketDetail/TicketDetail.tsx

@@ -269,10 +269,10 @@ export default class TicketDetail extends Component<{}, TicketDetailState> {
             <AtButton
               loading={this.state.isStatusLoading}
               disabled={this.state.isStatusDisable}
-              type='secondary'
+              type='primary'
               onClick={this.onChangeStatus.bind(this)}
             >
-              {pt.get().ticketDetail.addNote}
+              {pt.get().ticketDetail.status.button}
             </AtButton>
           </View>
           <View

src/pages/TicketDetail/TicketNote.ts

@@ -23,6 +23,7 @@ export class ShowElements {
   device: JSX.Element;
   createdTime: JSX.Element;
   description: JSX.Element;
+  info: JSX.Element;
   current: JSX.Element;
   notelist: JSX.Element;
 }

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>
     );
   }

src/pages/repair/repair.tsx

@@ -207,9 +207,16 @@ export default class RepairPage extends Component<{}, RepairPageState> {
       </AtCard>
     ));
     return (
-      <View>
+      <View style={{ width: '94%', marginLeft: '3%' }}>
         <AtMessage />
-        {ticketsRenderer}
+        <View
+          style={{
+            marginTop: 10,
+            marginBottom: 20,
+          }}
+        >
+          {ticketsRenderer}
+        </View>
         <AtCard
           note={pt.get().repairPage.cardText.note}
           title={pt.get().repairPage.cardText.title}