--我的页面完成设置图标

--表单组件input类型完成后面图标

src/pages/user/index.module.scss

@@ -60,6 +60,22 @@
   }
   .card-info-right{
       font-size: 26px;
+      display: flex;align-items: flex-end;
+  }
+  .setup-icon{
+    position: relative;
+    padding-bottom: 10px;
+  }
+  .icon-wrapper{
+    font-size: 60px;
+  }
+  .icon-point{
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    background: #ff0000;
+    position: absolute;
+    right: 0;top: 0;
   }
 
   .card-main-title{

src/pages/user/index.tsx

@@ -1,6 +1,7 @@
-import { View,Image,Text } from "@tarojs/components"
+import { View,Image,Text, Navigator } from "@tarojs/components"
 import { memo } from "react"
 import styles  from './index.module.scss'
+import classnames from "classnames";
 
 export default () => {
 
@@ -29,7 +30,14 @@ const Header = memo(()=>{
                         </View>
                     </View>
                     <View className={styles['card-info-right']}>
-                        1
+                        <Navigator hoverClass="none" url="/pages/userEdit/index" className={styles['setup-icon']}>
+                            <View className={classnames(
+                                styles['icon-wrapper'],
+                                'iconfont',
+                                'icon-shezhi',
+                            )}></View>
+                            <View className={styles['icon-point']}></View>
+                        </Navigator>
                     </View>
                 </View>
                 <View className={styles['card-main']}>