beautify ui: /user/member; divider in ticketdetail

src/components/NoteList/NoteList.tsx

@@ -19,7 +19,7 @@ export default class NoteList extends Component<NoteListProps, {}> {
         <AtDivider
           fontColor='#CCC'
           content={pt.get().ticketDetail.divider}
-          height='80rpx'
+          height={20}
         />
         {this.props.noteList.map((note, idx) => (
           <View key={idx}>

src/pages/TicketDetail/TicketDetail.tsx

@@ -260,7 +260,7 @@ export default class TicketDetail extends Component<{}, TicketDetailState> {
         </View>
         <View
           className='at-row'
-          style={{ paddingTop: '20rpx', paddingBottom: '20rpx', width: '100%' }}
+          style={{ paddingTop: '20rpx', paddingBottom: '40rpx', width: '100%' }}
         >
           <View
             className='at-col'
@@ -293,7 +293,7 @@ export default class TicketDetail extends Component<{}, TicketDetailState> {
     ) : (
       <View
         className='at-row'
-        style={{ paddingTop: '20rpx', paddingBottom: '20rpx', width: '100%' }}
+        style={{ paddingTop: '20rpx', paddingBottom: '40rpx', width: '100%' }}
       >
         <View
           className='at-col'

src/pages/user/member/member.tsx

@@ -4,6 +4,7 @@ import Taro from '@tarojs/taro';
 import pt from '@/plain-text';
 import { memberLogin, memberLogout } from '@/service/memberLogin';
 import wechatUser from '@/wechat';
+import { View } from '@tarojs/components';
 import './member.scss';
 
 const logInterval = 5000;
@@ -70,41 +71,45 @@ export default class UserMemberPage extends Component {
 
   render(): ReactNode {
     return !wechatUser.getAccess() ? (
-      <AtForm onSubmit={this.onSubmit.bind(this)}>
-        <AtMessage />
-        <AtInput
-          required
-          name='stuid'
-          title={pt.get().memberPage.stuidText.title}
-          type='number'
-          clear
-          placeholder={pt.get().memberPage.stuidText.placeholder}
-          value={this.state.stuid}
-          onChange={this.handleChangeStuid.bind(this)}
-        />
-        <AtInput
-          clear
-          required
-          name='name'
-          title={pt.get().memberPage.passwdText.title}
-          type='password'
-          placeholder={pt.get().memberPage.passwdText.placeholder}
-          value={this.state.passwd}
-          onChange={this.handleChangePasswd.bind(this)}
-        />
-        <AtButton
-          loading={this.state.isLoading}
-          formType='submit'
-          type='primary'
-          disabled={this.state.isDisable}
-        >
-          {pt.get().button.buttonText.login}
-        </AtButton>
-      </AtForm>
+      <View style={{ marginTop: '30rpx', width: '94%', marginLeft: '3%' }}>
+        <AtForm onSubmit={this.onSubmit.bind(this)}>
+          <AtMessage />
+          <AtInput
+            required
+            name='stuid'
+            title={pt.get().memberPage.stuidText.title}
+            type='number'
+            clear
+            placeholder={pt.get().memberPage.stuidText.placeholder}
+            value={this.state.stuid}
+            onChange={this.handleChangeStuid.bind(this)}
+          />
+          <AtInput
+            clear
+            required
+            name='name'
+            title={pt.get().memberPage.passwdText.title}
+            type='password'
+            placeholder={pt.get().memberPage.passwdText.placeholder}
+            value={this.state.passwd}
+            onChange={this.handleChangePasswd.bind(this)}
+          />
+          <AtButton
+            loading={this.state.isLoading}
+            formType='submit'
+            type='primary'
+            disabled={this.state.isDisable}
+          >
+            {pt.get().button.buttonText.login}
+          </AtButton>
+        </AtForm>
+      </View>
     ) : (
-      <AtButton type='primary' onClick={this.onLogout.bind(this)}>
-        {pt.get().button.buttonText.logout}
-      </AtButton>
+      <View style={{ marginTop: '30rpx', width: '94%', marginLeft: '3%' }}>
+        <AtButton type='primary' onClick={this.onLogout.bind(this)}>
+          {pt.get().button.buttonText.logout}
+        </AtButton>
+      </View>
     );
   }
 }

src/pages/user/user.tsx

@@ -6,7 +6,6 @@ import type CustomTabBar from '@/custom-tab-bar';
 import PageFooter from '@/components/PageFooter/PageFooter';
 import aboutIcon from '@/assets/icons/AboutPage/about.svg';
 import pt, { Lang } from '@/plain-text';
-import wechatUser from '@/wechat';
 import logo from '@/assets/images/UserPage/logo.png';
 import { setLocaleData } from '@/service/localeData';
 import './user.scss';