顶部固定不动

zhiyangdu
1 parent f53a7bdb
Showing 2 changed files with 42 additions and 11 deletions
src/pages/moreDynamic/moreDynamic.less
src/pages/moreDynamic/moreDynamic.vue
+.fans-shop-message-list-box {
+    /deep/ .van-pull-refresh {
+        .van-pull-refresh__track {
+            .van-pull-refresh__head {
+                font-size: 30px;
+            }
+        }
+    }
+    .title{
+        margin: 30px;
+        height:50px;
+        font-size:36px;
+        font-weight:600;
+        color:rgba(74,74,74,1);
+        line-height:50px;
+    }
+    .item_box{
+        height: calc(100vh-110px);
+        width: 100%;
+        overflow-y: auto;
+    }
+}
 <template>
-    <div class="item_box">
+    <div class="fans-shop-message-list-box">
+
         <!-- nav -->
         <back-box :style="'padding-top: ' + ($parent.top.value) + 'px'" @back="back"
                   :backs="backs">
         </back-box>
-        <div
-            infinite-scroll-immediate-check="true"
-            v-infinite-scroll="getNewDynamicList"
-            infinite-scroll-disabled="loading"
-            :infinite-scroll-distance="50">
-            <daren-list-box class="daren-list" @userJump="userJump" @jump="jump" @goodsJump="goodsJump" @goodsPrimary="goodsPrimary"
-                            :lists="recommendedDarenMore">
-            </daren-list-box>
+
+        <!-- 下拉刷新 -->
+        <!-- <van-pull-refresh v-model="isLoading" pulling-text="下拉刷新..." loosing-text="释放刷新" loading-text="加载中..." success-text="刷新成功" @refresh="onRefresh"> -->
+
+        <!-- 已关注达人列表 -->
+        <div class="item_box">
+            <div
+                infinite-scroll-immediate-check="true"
+                v-infinite-scroll="getNewDynamicList"
+                infinite-scroll-disabled="loading"
+                :infinite-scroll-distance="50">
+                <daren-list-box class="daren-list" @userJump="userJump" @jump="jump" @goodsJump="goodsJump" @goodsPrimary="goodsPrimary"
+                                :lists="recommendedDarenMore">
+                </daren-list-box>
+            </div>
         </div>
+        <!-- </van-pull-refresh> -->
     </div>
 </template>
  
@@ -222,6 +231,6 @@
 </script>
  
 <!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped>
-
+<style rel="stylesheet/less" lang="less" scoped>
+    @import "moreDynamic";
 </style>