Commit fe4b317f2c585512c62c784a7bca91beb52051c1
1 parent
f53a7bdb
顶部固定不动
Showing
2 changed files
with
42 additions
and
11 deletions
src/pages/moreDynamic/moreDynamic.less
| 1 | +.fans-shop-message-list-box { | ||
| 2 | + /deep/ .van-pull-refresh { | ||
| 3 | + .van-pull-refresh__track { | ||
| 4 | + .van-pull-refresh__head { | ||
| 5 | + font-size: 30px; | ||
| 6 | + } | ||
| 7 | + } | ||
| 8 | + } | ||
| 9 | + .title{ | ||
| 10 | + margin: 30px; | ||
| 11 | + height:50px; | ||
| 12 | + font-size:36px; | ||
| 13 | + font-weight:600; | ||
| 14 | + color:rgba(74,74,74,1); | ||
| 15 | + line-height:50px; | ||
| 16 | + } | ||
| 17 | + .item_box{ | ||
| 18 | + height: calc(100vh-110px); | ||
| 19 | + width: 100%; | ||
| 20 | + overflow-y: auto; | ||
| 21 | + } | ||
| 22 | +} |
src/pages/moreDynamic/moreDynamic.vue
| 1 | <template> | 1 | <template> |
| 2 | - <div class="item_box"> | 2 | + <div class="fans-shop-message-list-box"> |
| 3 | + | ||
| 3 | <!-- nav --> | 4 | <!-- nav --> |
| 4 | <back-box :style="'padding-top: ' + ($parent.top.value) + 'px'" @back="back" | 5 | <back-box :style="'padding-top: ' + ($parent.top.value) + 'px'" @back="back" |
| 5 | :backs="backs"> | 6 | :backs="backs"> |
| 6 | </back-box> | 7 | </back-box> |
| 7 | - <div | ||
| 8 | - infinite-scroll-immediate-check="true" | ||
| 9 | - v-infinite-scroll="getNewDynamicList" | ||
| 10 | - infinite-scroll-disabled="loading" | ||
| 11 | - :infinite-scroll-distance="50"> | ||
| 12 | - <daren-list-box class="daren-list" @userJump="userJump" @jump="jump" @goodsJump="goodsJump" @goodsPrimary="goodsPrimary" | ||
| 13 | - :lists="recommendedDarenMore"> | ||
| 14 | - </daren-list-box> | 8 | + |
| 9 | + <!-- 下拉刷新 --> | ||
| 10 | + <!-- <van-pull-refresh v-model="isLoading" pulling-text="下拉刷新..." loosing-text="释放刷新" loading-text="加载中..." success-text="刷新成功" @refresh="onRefresh"> --> | ||
| 11 | + | ||
| 12 | + <!-- 已关注达人列表 --> | ||
| 13 | + <div class="item_box"> | ||
| 14 | + <div | ||
| 15 | + infinite-scroll-immediate-check="true" | ||
| 16 | + v-infinite-scroll="getNewDynamicList" | ||
| 17 | + infinite-scroll-disabled="loading" | ||
| 18 | + :infinite-scroll-distance="50"> | ||
| 19 | + <daren-list-box class="daren-list" @userJump="userJump" @jump="jump" @goodsJump="goodsJump" @goodsPrimary="goodsPrimary" | ||
| 20 | + :lists="recommendedDarenMore"> | ||
| 21 | + </daren-list-box> | ||
| 22 | + </div> | ||
| 15 | </div> | 23 | </div> |
| 24 | + <!-- </van-pull-refresh> --> | ||
| 16 | </div> | 25 | </div> |
| 17 | </template> | 26 | </template> |
| 18 | 27 | ||
| @@ -222,6 +231,6 @@ | @@ -222,6 +231,6 @@ | ||
| 222 | </script> | 231 | </script> |
| 223 | 232 | ||
| 224 | <!-- Add "scoped" attribute to limit CSS to this component only --> | 233 | <!-- Add "scoped" attribute to limit CSS to this component only --> |
| 225 | -<style scoped> | ||
| 226 | - | 234 | +<style rel="stylesheet/less" lang="less" scoped> |
| 235 | + @import "moreDynamic"; | ||
| 227 | </style> | 236 | </style> |