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