beautify ui!

src/components/DetailFramework/DetailFramework.tsx

@@ -103,56 +103,48 @@ export default class DetailFramework extends Component<
         <View></View>
       ),
       description: this.props.isInfoShow['description'] ? (
-        this.props.isInfoShow['info'] ? (
-          <View
-            className='at-row'
-            style={{ paddingTop: 10, paddingBottom: 10, width: '100%' }}
+        <View
+          style={{
+            paddingTop: 10,
+            paddingBottom: 10,
+            width: '94%',
+            marginLeft: '3%',
+          }}
+        >
+          <AtCard isFull title={pt.get().ticketDetail.descTitle}>
+            <View className='at-article__h3'>
+              {this.state.ticketInfo.description}
+            </View>
+          </AtCard>
+        </View>
+      ) : (
+        <View></View>
+      ),
+      info: this.props.isInfoShow['info'] ? (
+        <View
+          style={{
+            paddingTop: 10,
+            paddingBottom: 10,
+            width: '94%',
+            marginLeft: '3%',
+          }}
+        >
+          <AtCard
+            isFull
+            title={pt.get().ticketDetail.info.title}
+            extra={pt.get().ticketDetail.info.extra}
+            extraStyle={{ fontSize: '32rpx', marginRight: 20 }}
           >
-            <View
-              className='at-col'
-              style={{
-                marginLeft: 10,
-                paddingRight: 5,
-                marginTop: 10,
-                marginBottom: 10,
-                width: '50%',
-              }}
-            >
-              <AtCard title={pt.get().ticketDetail.descTitle}>
-                <View className='at-article__h3'>
-                  {this.state.ticketInfo.description}
-                </View>
-              </AtCard>
-            </View>
-            <View
-              className='at-col'
-              style={{
-                marginLeft: 5,
-                paddingRight: 10,
-                marginTop: 10,
-                marginBottom: 10,
-                width: '50%',
-              }}
-            >
-              <AtCard title={pt.get().ticketDetail.infoTitle}>
-                <View className='at-article__h3'>
-                  {this.state.ticketInfo.info.name}
-                </View>
-                <View className='at-article__h3'>
-                  {this.state.ticketInfo.info.phone}
-                </View>
-              </AtCard>
-            </View>
-          </View>
-        ) : (
-          <View style={{ marginTop: 10, marginBottom: 10 }}>
-            <AtCard title={pt.get().ticketDetail.descTitle}>
+            <View style={{ display: 'flex' }}>
               <View className='at-article__h3'>
-                {this.state.ticketInfo.description}
+                {this.state.ticketInfo.info.name}
               </View>
-            </AtCard>
-          </View>
-        )
+              <View style={{ marginLeft: 'auto' }} className='at-article__h3'>
+                {this.state.ticketInfo.info.phone}
+              </View>
+            </View>
+          </AtCard>
+        </View>
       ) : (
         <View></View>
       ),
@@ -189,6 +181,7 @@ export default class DetailFramework extends Component<
         {elements.device}
         {elements.createdTime}
         {elements.description}
+        {elements.info}
         {elements.current}
         {this.props.middleButton}
         {elements.notelist}

src/components/NoteCard/NoteCard.tsx

@@ -36,13 +36,12 @@ export default class NoteCard extends Component<NoteCardProps, {}> {
     }
 
     return (
-      <View>
-        <View className='at-article__h2'>{note.op}</View>
+      <View style={{ marginTop: 20, marginBottom: 20 }}>
+        <View className='at-article__p'>{note.op}</View>
         <View className='at-article__info'>
           {note.createdTime.format(timeFormat)}
         </View>
-        <View className='at-article__p'>{message}</View>
-        <AtDivider />
+        <View className='at-article__h3'>{message}</View>
       </View>
     );
   }

src/components/NoteList/NoteList.tsx

@@ -15,7 +15,7 @@ export default class NoteList extends Component<NoteListProps, {}> {
   render(): ReactNode {
     return (
       <View>
-        <AtDivider />
+        <AtDivider height={40} />
         {this.props.noteList.map((note, idx) => (
           <View key={idx}>
             <NoteCard note={note} />