From 4b80c98ef5fda8d6358778f2efe8bb35cb20ccf9 Mon Sep 17 00:00:00 2001 From: queenwuli <942534046@qq.com> Date: Fri, 15 Jan 2021 16:18:21 +0800 Subject: [PATCH] gx --- hive-app/pages/member/index.vue | 39 +++++++++++++++++++++++++-------------- 1 files changed, 25 insertions(+), 14 deletions(-) diff --git a/hive-app/pages/member/index.vue b/hive-app/pages/member/index.vue index c06fa17..c0b5f98 100644 --- a/hive-app/pages/member/index.vue +++ b/hive-app/pages/member/index.vue @@ -1,21 +1,21 @@ <template> <view class="container"> - <!-- #ifndef H5 --> - <view class="status_bar"></view> - <!-- #endif --> - <search-bar @confirm="search" :focus="isFocus"></search-bar> - <view class="sort-wrap"> - <view @click="showFilterCustom(1)"> - <text>{{filterText}}</text> - <text class="iconfont iconjiantouarrow486 gray"></text> - </view> - <view @click="showFilterCustom(2)"> - <text>筛选</text> - <text class="iconfont iconshaixuan gray"></text> + + <view class="sticky-header"> + <search-bar @confirm="search" :focus="isFocus" class="mt-10"></search-bar> + <view class="sort-wrap"> + <view @click="showFilterCustom(1)"> + <text>{{filterText}}</text> + <text class="iconfont iconjiantouarrow486 gray"></text> + </view> + <view @click="showFilterCustom(2)"> + <text>筛选</text> + <text class="iconfont iconshaixuan gray"></text> + </view> </view> </view> <filter-dropdown ref="filterDropdownEl" :list="filterList" :filterKey="filterKeys" :type="filterType" @confirm="confirmFilter" @reset="resetFilter"></filter-dropdown> - <view class="flex justify-between"> + <view class="content flex justify-between"> <view class="flex-1 mr-10"> <navigator :url="'./detail?id='+item.id" hover-class="none" class="member-list" v-for="(item, index) in list"> <template> @@ -255,7 +255,15 @@ <style scoped> .container{ - padding: 10px 10px 0; + padding: var(--status-bar-height) 10px 0; + } + .sticky-header{ + position: fixed; + top: 0; + left: 0; + right: 0; + padding: var(--status-bar-height) 10px 0; + background: #FFFFFF; } .sort-wrap{ display: flex; @@ -268,6 +276,9 @@ font-size: 14px; padding-left: 4px; } + .content{ + padding-top: 92px + } .avatar{ display: inline-block; width: 38px; -- Gitblit v1.9.1