静态页面

src/pages/ShouYe/index.css

   color: #ffc412;
 }
 .ShouYe > view.flex-item > .PageContainer .Content > view > .NavContainer > view:nth-child(2) > view > view > text:first-child {
-  color: #fb3fc8;
+  color: #F35844;
 }
 .ShouYe > view.flex-item > .PageContainer .Content > view > .NavContainer > view:nth-child(3) > view > view > text:first-child {
   color: #fb7820;
   line-height: 40px;
   margin-right: 20px;
 }
-.ShouYe > view.flex-item > .PageContainer .Content > view > .OwnerContainer > view > .OwnerListContent {
-  position: relative;
-  width: 100%;
-}
-.ShouYe > view.flex-item > .PageContainer .Content > view > .OwnerContainer > view > .OwnerListContent .OwnerList {
+.ShouYe > view.flex-item > .PageContainer .Content > view > .OwnerContainer > view .OwnerList {
   border-top: 2px solid #f8f8f8;
-  white-space: nowrap;
-  font-size: 0;
+  align-items: center;
   padding: 30px 0;
 }
-.ShouYe > view.flex-item > .PageContainer .Content > view > .OwnerContainer > view > .OwnerListContent .OwnerList > view {
-  display: inline-block;
-  vertical-align: middle;
-  width: 25%;
+.ShouYe > view.flex-item > .PageContainer .Content > view > .OwnerContainer > view .OwnerList > view {
   position: relative;
 }
-.ShouYe > view.flex-item > .PageContainer .Content > view > .OwnerContainer > view > .OwnerListContent .OwnerList > view text {
+.ShouYe > view.flex-item > .PageContainer .Content > view > .OwnerContainer > view .OwnerList > view text {
   display: block;
   width: 100%;
   text-align: center;
   color: #333;
   line-height: 40px;
 }
-.ShouYe > view.flex-item > .PageContainer .Content > view > .OwnerContainer > view > .OwnerListContent .OwnerList > view text.iconfont {
+.ShouYe > view.flex-item > .PageContainer .Content > view > .OwnerContainer > view .OwnerList > view text.iconfont {
   color: #f35844;
   font-size: 60px;
   line-height: 70px;

src/pages/ShouYe/index.jsx

   ])
   const [NavList] = useState([
     { icon: 'iconhuodong1', name: '活动', id: 1, router: '/pages/ShouYe/HuoDong/index', isTab: false },
-    { icon: 'iconfuli', name: '福利', id: 2, router: '/pages/FuLi/index', setName: null, setValue: null, isTab: true },
+    { icon: 'iconfuli1', name: '福利', id: 2, router: '/pages/FuLi/index', setName: null, setValue: null, isTab: true },
     { icon: 'iconfuwu', name: '服务', id: 3, router: '/pages/WuYe/index', setName: 'WuYeNavId', setValue: '2', isTab: true },
     { icon: 'iconxinwen', name: '资讯', id: 4, router: '/pages/ShouYe/ZiXun/index', isTab: false }
   ])

src/pages/ShouYe/index.less

                     >view {
                       >text {
                         &:first-child {
-                          color: #fb3fc8;
+                          color: #F35844;
                         }
                       }
                     }