add avatar in notecard

src/components/NoteCard/NoteCard.tsx

@@ -1,4 +1,4 @@
-import { View } from '@tarojs/components';
+import { Image, View } from '@tarojs/components';
 import { Component, ReactNode } from 'react';
 import { TicketNote, StatusStr } from '@/pages/TicketDetail/TicketNote';
 import pt from '@/plain-text';
@@ -35,12 +35,24 @@ export default class NoteCard extends Component<NoteCardProps, {}> {
     }
 
     return (
-      <View style={{ marginTop: '40rpx', marginBottom: '40rpx' }}>
-        <View className='at-article__p'>{note.op}</View>
-        <View className='at-article__info'>
-          {note.createdTime.format(timeFormat)}
+      <View className='at-row at-row__align--center'>
+        <View className='at-col at-col-1 at-col--auto'>
+          <Image
+            style='width: 70rpx; height: 70rpx; border-radius: 35px;'
+            src={note.avatar}
+            mode='aspectFit'
+          />
+        </View>
+        <View
+          className='at-col'
+          style={{ marginTop: '40rpx', marginBottom: '40rpx' }}
+        >
+          <View className='at-article__p'>{note.op}</View>
+          <View className='at-article__info'>
+            {note.createdTime.format(timeFormat)}
+          </View>
+          <View className='at-article__h3'>{message}</View>
         </View>
-        <View className='at-article__h3'>{message}</View>
       </View>
     );
   }