静态页面

src/components/ScrollPage/index.jsx

@@ -5,19 +5,22 @@ import './index.less'
 
 export default function ScrollPage (props) {
 
-  const { IsEmpty = false, IsPullDown = false, ListRefresh = true, IsPullUp = false, HasMore = true, OnRefresh = () => { }, OnPullUp = () => { }, RefreshBg = 'none' } = props
+  const { KeepChildren = null, IsEmpty = false, IsPullDown = false, ListRefresh = true, IsPullUp = false, HasMore = true, OnRefresh = () => { }, OnPullUp = () => { }, RefreshBg = 'none' } = props
 
   return (
     <view className='ScrollPage'>
       <scroll-view scroll-y='true' style='height: 100%;' refresher-enabled={true} onrefresherrefresh={OnRefresh} onscrolltolower={OnPullUp} refresher-triggered={IsPullDown} refresher-background={RefreshBg}>
         <view className='ScrollPageContent'>
+          {
+            KeepChildren
+          }
           {
             !IsEmpty &&
             props.children
           }
           {
             IsEmpty &&
-            <view className='NoData centerLabel'>
+            <view className='NoData'>
               <text className='iconfont iconzanwushuju'></text>
               <text>暂无数据</text>
             </view>

src/components/ScrollPage/index.less

@@ -17,6 +17,10 @@
     }
 
     >.NoData {
+      width: 100%;
+      position: relative;
+      overflow: hidden;
+      margin-top: 80px;
       >text {
         font-size: 28px;
         display: block;

src/components/ScrollPageRefresh/index.jsx

@@ -99,15 +99,10 @@ export default function ScrollPageRefresh (props) {
 
   return (
     <view className='ScrollPageRefresh'>
-      <ScrollPage IsEmpty={IsEmpty} ListRefresh={ListRefresh} OnRefresh={OnRefresh} IsPullUp={IsPullUp} IsPullDown={IsPullDown} OnPullUp={OnPullUp} HasMore={HasNextPage} RefreshBg={RefreshBg}>
+      <ScrollPage IsEmpty={IsEmpty} KeepChildren={KeepChildren} ListRefresh={ListRefresh} OnRefresh={OnRefresh} IsPullUp={IsPullUp} IsPullDown={IsPullDown} OnPullUp={OnPullUp} HasMore={HasNextPage} RefreshBg={RefreshBg}>
         {
-          KeepChildren
+          props.children
         }
-        <view className='ScrollPageListContent'>
-          {
-            props.children
-          }
-        </view>
       </ScrollPage>
     </view>
   )

src/components/WuYeBaoXiu/index.jsx

@@ -64,7 +64,7 @@ export default function WuYeBaoXiu () {
 
             {/* 我要报修 */}
             <view className='WoYaoBaoXiu'>
-              <view onClick={() => { Taro.navigateTo({ url: `/pages/WuYe/TianJiaBaoXiu/index` }) }}>
+              <view onClick={() => { Taro.navigateTo({ url: `/pages/WuYe/BaoXiuQuYu/index` }) }}>
                 <text className='iconfont iconjia'></text>
                 <text>我要报修</text>
               </view>

src/pages/WuYe/BaoXiuQuYu/index.jsx

@@ -29,6 +29,11 @@ export default function WuYeBaoXiuQuYu () {
             </view>
           ))
         }
+        <view className='AdvContent'>
+          <view>
+            <image mode='aspectFill' src={null} className='centerLabel'></image>
+          </view>
+        </view>
       </view>
     </Page>
   )

src/pages/WuYe/BaoXiuQuYu/index.less

@@ -11,6 +11,15 @@
     position: relative;
     overflow: hidden;
 
+    &.AdvContent {
+      >view {
+        width: 100%;
+        padding-bottom: 30%;
+        background: #fff;
+        border-radius: 10px;
+      }
+    }
+
     &:first-child {
       margin-top: 30px;
     }
@@ -43,6 +52,7 @@
           }
         }
       }
+
       >text {
         display: block;
         font-size: 24px;