add support for rendering ui on various devices

src/pages/user/myTicket/myTicket.tsx

@@ -16,7 +16,7 @@ interface MyTicketState {
 
 export default class MyTicketPage extends Component<{}, MyTicketState> {
   state = {
-    fixList: [new TicketListItem(0, '', '', 1, moment(), false)],
+    fixList: [new TicketListItem(0, '', '', 1, moment())],
     rs: new RequestState(),
   };
 

src/pages/user/user.tsx

@@ -11,7 +11,6 @@ import logo from '@/assets/images/UserPage/logo.png';
 import { setLocaleData } from '@/service/localeData';
 import './user.scss';
 
-const listLangInterval = 20;
 const memberClickTimes = 7;
 
 export default class UserPage extends Component {
@@ -104,11 +103,11 @@ export default class UserPage extends Component {
       <View>
         <View
           className='at-row at-row__justify--center at-row__align--end'
-          style='height:110px;'
+          style='height:220rpx;'
         >
           <Image
             onTap={this.onTapImage}
-            style='width: 100px;height: 100px;'
+            style='width: 200rpx;height: 200rpx;'
             src={logo}
             mode='aspectFit'
           />
@@ -119,23 +118,29 @@ export default class UserPage extends Component {
         ></AtToast>
         <View
           className='at-row at-row__justify--center at-row__align--center'
-          style='height:60px;color:#696969;'
+          style='height:120rpx;color:#696969;'
         >
-          <Text> EVA Notify v1.0.0</Text>
+          <Text style={{ fontSize: '32rpx' }}> EVA Notify v1.0.0</Text>
         </View>
         <AtList>
           <AtListItem
             title={pt.get().userPage.ticketColumn.title}
             note={pt.get().userPage.ticketColumn.note}
             arrow='right'
-            iconInfo={{ color: '#E69966', value: 'clock' }}
+            iconInfo={{
+              color: '#E69966',
+              value: 'clock',
+            }}
             onClick={this.myTicketPage}
           />
           <AtListItem
             title={pt.get().userPage.infoColumn.title}
             note={pt.get().userPage.infoColumn.note}
             arrow='right'
-            iconInfo={{ color: '#78A4FA', value: 'user' }}
+            iconInfo={{
+              color: '#78A4FA',
+              value: 'user',
+            }}
             onClick={this.informPage}
           />
           <AtListItem
@@ -143,7 +148,10 @@ export default class UserPage extends Component {
             note={pt.get().userPage.reportColumn.note}
             extraText=''
             arrow='right'
-            iconInfo={{ color: '#9ACD32', value: 'message' }}
+            iconInfo={{
+              color: '#9ACD32',
+              value: 'message',
+            }}
             onClick={this.reportPage}
           />
           <AtListItem
@@ -154,7 +162,7 @@ export default class UserPage extends Component {
             thumb={aboutIcon}
             onClick={this.aboutPage}
           />
-          <View style={{ height: listLangInterval }}></View>
+          <View style={{ height: '40rpx' }}></View>
           <Picker
             mode='selector'
             range={this.state.selector}