静态页面

src/pages/ShouYe/index.jsx

@@ -284,13 +284,13 @@ export default function Index () {
                   </view>
 
                   {/* 热门活动 */}
-                  <view className='HotActivityContainer'>
+                  {/* <view className='HotActivityContainer'>
                     <view>
                       <view className='Activity' onClick={() => nav2detail({ type: 'comment', id: null })}>
                         <image className='centerLabel' mode='aspectFill' src='https://zhiyun-image.oss-cn-shanghai.aliyuncs.com/xiangsong/message-board.png'></image>
                       </view>
                     </view>
-                  </view>
+                  </view> */}
                   {
                     propagandaList.map((item, index) => (
                       <view className='HotActivityContainer' key={`HotActivity-${index}`}>

src/pages/WoDe/index.css

@@ -0,0 +1,114 @@
+.WoDe {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  background: #fff;
+}
+.WoDe .WoDeContent {
+  width: 100%;
+  position: relative;
+  overflow: hidden;
+}
+.WoDe .WoDeContent > .TopBg {
+  width: 400vw;
+  height: 400vw;
+  position: relative;
+  overflow: hidden;
+  border-radius: 100%;
+  margin-left: -150vw;
+  margin-top: -340vw;
+}
+.WoDe .WoDeContent > .TopBg > .ColorBg {
+  width: 100%;
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  height: 60vw;
+  z-index: 1;
+  background-image: linear-gradient(#F35844, #ff8d61);
+}
+.WoDe .WoDeContent > .TopBg > .UserInfo {
+  position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
+  -webkit-transform: translateX(-50%);
+  bottom: 100px;
+  z-index: 2;
+  width: 100vw;
+  align-items: center;
+}
+.WoDe .WoDeContent > .TopBg > .UserInfo > .Icon {
+  width: 196px;
+  height: 196px;
+  border-radius: 100%;
+  position: relative;
+  overflow: hidden;
+  background-color: #fff;
+  margin-right: 40px;
+  margin-left: 30px;
+}
+.WoDe .WoDeContent > .TopBg > .UserInfo > .Icon > image {
+  width: 100%;
+  height: 100%;
+}
+.WoDe .WoDeContent > .TopBg > .UserInfo > .flex-item {
+  position: relative;
+  overflow: hidden;
+}
+.WoDe .WoDeContent > .TopBg > .UserInfo > .flex-item > text {
+  display: block;
+  white-space: nowrap;
+  font-size: 30px;
+  color: #333;
+  line-height: 40px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.WoDe .WoDeContent > .TopBg > .UserInfo > .flex-item > text:first-child {
+  font-size: 34px;
+  margin-bottom: 30px;
+}
+.WoDe .WoDeContent > .TopBg > .UserInfo > text {
+  font-size: 30px;
+  line-height: 58px;
+  border: 2px solid #000;
+  border-radius: 8px;
+  padding: 0 20px;
+  margin-right: 30px;
+}
+.WoDe .WoDeContent > .UserTab {
+  padding: 30px 0;
+  margin-top: 20px;
+  position: relative;
+  overflow: hidden;
+}
+.WoDe .WoDeContent > .UserTab > .Line {
+  width: 100%;
+  height: 20px;
+  background-color: #f8f8f8;
+}
+.WoDe .WoDeContent > .UserTab > .flex-h {
+  padding: 0 30px;
+  align-items: center;
+}
+.WoDe .WoDeContent > .UserTab > .flex-h > text {
+  font-size: 44px;
+  color: #F35844;
+  margin-right: 20px;
+  max-width: 44px;
+}
+.WoDe .WoDeContent > .UserTab > .flex-h > view {
+  align-items: center;
+  border-bottom: 2px solid #f8f8f8;
+}
+.WoDe .WoDeContent > .UserTab > .flex-h > view > text {
+  font-size: 32px;
+  color: #999;
+  line-height: 100px;
+  margin-left: 20px;
+  overflow: hidden;
+}
+.WoDe .WoDeContent > .UserTab > .flex-h > view > text:first-child {
+  margin-left: 0;
+  color: #333;
+}

src/pages/WoDe/index.jsx

@@ -18,15 +18,16 @@ const menuGroup = [
     { icon: 'iconjifenguize', name: '积分明细', id: 2, router: '/pages/FuLi/JiFenMingXi/index' },
     { icon: 'iconjiaofei', name: '缴费历史', id: 3, router: '/pages/WoDe/WoDeJiaoFei/index' },
     { icon: 'iconfuwu1', name: '我的报修', id: 4, router: '/pages/WoDe/WoDeGongDan/index' },
+    { icon: 'iconyijianfankui', name: '意见反馈', id: 10, router: '/pages/ShouYe/YeZhuFanKui/index' },
   ],
   [
     { icon: 'iconerweima', name: '推荐二维码', id: 5, router: '/pages/WoDe/TuiJianErWeiMa/index' },
     // { icon: 'iconfenxiang', name: '推荐分享', id: 6, router: '/pages/WoDe/TuiJianFenXiang/index' },
     { icon: 'iconhuodong', name: '参与活动', id: 7, router: '/pages/WoDe/WoDeHuoDong/index' },
-    { icon: 'icondingdan', name: '我的订单', id: 7, router: '/pages/WoDe/WoDeDingDan/index' }
+    { icon: 'icondingdan', name: '我的订单', id: 8, router: '/pages/WoDe/WoDeDingDan/index' }
   ],
   [
-    { icon: 'iconfuwu1', name: '管家工单', id: 4, router: '/pages/WoDe/YeZhuBaoXiu/index', personTypes: [PERSON_TYPE.LIFE_CONSULTANT] },
+    { icon: 'iconfuwu1', name: '管家工单', id: 9, router: '/pages/WoDe/YeZhuBaoXiu/index', personTypes: [PERSON_TYPE.LIFE_CONSULTANT] },
   ]
 ]
 

src/pages/WoDe/index.less

@@ -105,6 +105,7 @@
           font-size: 44px;
           color: #F35844;
           margin-right: 20px;
+          max-width: 44px;
         }
 
         >view {