feats

src/pages/my/index.jsx

@@ -2,33 +2,30 @@ import React from 'react';
 import Taro from '@tarojs/taro';
 import Page from '@/layouts/index';
 import { View, Image } from '@tarojs/components';
-import Head from './components/Head';
-import peopleicon from '@/assets/icons/peopleicon.png';
-import smallbell from '@/assets/icons/smallbell.png';
 import logo from '@/assets/image/logo.png';
 import { useModel } from '@/store';
-import { ROLE_CITIZEN } from '@/utils/user';
+import Head from './components/Head';
 import './index.less';
 
 export default (props) => {
 
   const { user, person, duty } = useModel('user');
 
-  const [
-    show1,
-    show2,
-  ] = React.useMemo(() => {
-    return [
-      false,
-      false,
-    ]
-  }, [duty]);
+  // const [
+  //   show1,
+  //   show2,
+  // ] = React.useMemo(() => {
+  //   return [
+  //     false,
+  //     false,
+  //   ]
+  // }, [duty]);
 
-  const onClick = () => {
-    Taro.navigateTo({
-      url: `/pages/my/edit/index`
-    })
-  }
+  // const onClick = () => {
+  //   Taro.navigateTo({
+  //     url: `/pages/my/edit/index`
+  //   })
+  // }
 
   return (
     <Page tabBar="mine">

src/pages/my/index.less

@@ -1,82 +1,82 @@
-.wrapper-header {
-  background: var(--main-bg-color);
-  border-radius: 0px 0px 120px 120px;
-  height: 50vw;
-  align-items: center;
-  display: flex;
-  justify-content: center;
+// .wrapper-header {
+//   background: var(--main-bg-color);
+//   border-radius: 0px 0px 120px 120px;
+//   height: 50vw;
+//   align-items: center;
+//   display: flex;
+//   justify-content: center;
 
-  .wrapper-header-circle {
-    position: relative;
-    opacity: 0.02;
-    border-radius: 50%;
-    background: #ffffff;
-    width: 298px;
-    height: 298px;
-    .wrapper-header-circle2 {
-      position: absolute;
-      left: 0;
-      right: 0;
-      top: 0;
-      bottom: 0;
-      margin: auto;
-      width: 198px;
-      height: 198px;
-      background: #ffffff;
-      border-radius: 50%;
-    }
-  }
-  .wrapper-header-box {
-    position: relative;
-    .wrapper-header-img {
-      position: absolute;
-      top: -49px;
-      right: 88px;
-      width: 115px;
-      height: 109px;
-      border-radius: 50%;
-    }
-  }
-  .wrapper-header-box2 {
-    position: relative;
-    .wrapper-header-text {
-      position: absolute;
-      width: 249px;
-      right: 17px;
-      top: 79px;
-      font-size: 32px;
-      color: #fff;
-    }
-  }
-}
+//   .wrapper-header-circle {
+//     position: relative;
+//     opacity: 0.02;
+//     border-radius: 50%;
+//     background: #ffffff;
+//     width: 298px;
+//     height: 298px;
+//     .wrapper-header-circle2 {
+//       position: absolute;
+//       left: 0;
+//       right: 0;
+//       top: 0;
+//       bottom: 0;
+//       margin: auto;
+//       width: 198px;
+//       height: 198px;
+//       background: #ffffff;
+//       border-radius: 50%;
+//     }
+//   }
+//   .wrapper-header-box {
+//     position: relative;
+//     .wrapper-header-img {
+//       position: absolute;
+//       top: -49px;
+//       right: 88px;
+//       width: 115px;
+//       height: 109px;
+//       border-radius: 50%;
+//     }
+//   }
+//   .wrapper-header-box2 {
+//     position: relative;
+//     .wrapper-header-text {
+//       position: absolute;
+//       width: 249px;
+//       right: 17px;
+//       top: 79px;
+//       font-size: 32px;
+//       color: #fff;
+//     }
+//   }
+// }
 
-.wrapper-middle {
-  padding: var(--main-space);
-  display: grid;
-  grid-template-columns: repeat(2, 335px);
-  grid-auto-rows: 335px;
-  grid-gap: var(--main-space);
-  .wrapper-middle-box {
-    box-shadow: 0px 18px 22px 0px rgba(0, 0, 0, 0.06);
-    border-radius: 8px;
-    display: grid;
-    place-items: center;
-    margin-bottom: 20px;
-  }
-  .wrapper-middle-img {
-    width: 120px;
-    height: 120px;
-  }
-  .wrapper-middle-text {
-    font-size: 32px;
-    margin-bottom: -38px;
-  }
-  .wrapper-middle-text2 {
-    font-size: 28px;
-    color: #757575;
-  }
-  .wrapper-middle-text3 {
-    font-size: 32px;
-    margin-bottom: 50px;
-  }
-}
+// .wrapper-middle {
+//   padding: var(--main-space);
+//   display: grid;
+//   grid-template-columns: repeat(2, 335px);
+//   grid-auto-rows: 335px;
+//   grid-gap: var(--main-space);
+//   .wrapper-middle-box {
+//     box-shadow: 0px 18px 22px 0px rgba(0, 0, 0, 0.06);
+//     border-radius: 8px;
+//     display: grid;
+//     place-items: center;
+//     margin-bottom: 20px;
+//   }
+//   .wrapper-middle-img {
+//     width: 120px;
+//     height: 120px;
+//   }
+//   .wrapper-middle-text {
+//     font-size: 32px;
+//     margin-bottom: -38px;
+//   }
+//   .wrapper-middle-text2 {
+//     font-size: 28px;
+//     color: #757575;
+//   }
+//   .wrapper-middle-text3 {
+//     font-size: 32px;
+//     margin-bottom: 50px;
+//   }
+// }