change icons to svg in userpage

src/pages/user/user.tsx

@@ -4,7 +4,10 @@ import { View, Picker, Image, Text } from '@tarojs/components';
 import Taro from '@tarojs/taro';
 import type CustomTabBar from '@/custom-tab-bar';
 import PageFooter from '@/components/PageFooter/PageFooter';
-import aboutIcon from '@/assets/icons/AboutPage/about.svg';
+import aboutIcon from '@/assets/icons/UserPage/about.svg';
+import userIcon from '@/assets/icons/UserPage/user.svg';
+import clockIcon from '@/assets/icons/UserPage/clock.svg';
+import messageIcon from '@/assets/icons/UserPage/message.svg';
 import pt, { Lang } from '@/plain-text';
 import logo from '@/assets/images/UserPage/logo.png';
 import { setLocaleData } from '@/service/localeData';
@@ -127,10 +130,7 @@ export default class UserPage extends Component {
             title={pt.get().userPage.ticketColumn.title}
             note={pt.get().userPage.ticketColumn.note}
             arrow='right'
-            iconInfo={{
-              color: '#E69966',
-              value: 'clock',
-            }}
+            thumb={clockIcon}
             onClick={this.myTicketPage}
           />
           {wechatUser.getAccess() ? (
@@ -140,10 +140,7 @@ export default class UserPage extends Component {
               title={pt.get().userPage.infoColumn.title}
               note={pt.get().userPage.infoColumn.note}
               arrow='right'
-              iconInfo={{
-                color: '#78A4FA',
-                value: 'user',
-              }}
+              thumb={userIcon}
               onClick={this.informPage}
             />
           )}
@@ -153,10 +150,7 @@ export default class UserPage extends Component {
             note={pt.get().userPage.reportColumn.note}
             extraText=''
             arrow='right'
-            iconInfo={{
-              color: '#9ACD32',
-              value: 'message',
-            }}
+            thumb={messageIcon}
             onClick={this.reportPage}
           />
           <AtListItem