Commit d2c8d7cd54529611f432844c7ff0fe260fd358d5
1 parent
ec2ff86b
分享组件增加白色背景颜色
Showing
2 changed files
with
9 additions
and
2 deletions
src/pages/mall/mall.less
| 1 | 1 | @charset "UTF-8"; |
| 2 | 2 | |
| 3 | 3 | .mall-box { |
| 4 | - margin-top: 20px; | |
| 4 | + // margin-top: 20px; | |
| 5 | 5 | /deep/ .van-pull-refresh { |
| 6 | 6 | .van-pull-refresh__track { |
| 7 | 7 | .van-pull-refresh__head { |
| ... | ... | @@ -9,4 +9,11 @@ |
| 9 | 9 | } |
| 10 | 10 | } |
| 11 | 11 | } |
| 12 | + .back-box{ | |
| 13 | + position: fixed; | |
| 14 | + left: 0; | |
| 15 | + top: 0; | |
| 16 | + background-color: #ffffff; | |
| 17 | + z-index:1000 | |
| 18 | + } | |
| 12 | 19 | } |
| 13 | 20 | \ No newline at end of file | ... | ... |
src/pages/mall/mall.vue
| 1 | 1 | <template> |
| 2 | - <div class="mall-box"> | |
| 2 | + <div class="mall-box" :style="'margin-top:'+ ($parent.isBack ? 62 : 10)+'px'"> | |
| 3 | 3 | <!-- 下拉刷新 --> |
| 4 | 4 | <!-- <van-pull-refresh v-model="isLoading" pulling-text="下拉刷新..." loosing-text="释放刷新" loading-text="加载中..." success-text="刷新成功" @refresh="onRefresh"> --> |
| 5 | 5 | <!-- nav --> | ... | ... |