From bd0031257421a81fc5ed3746ed96b6f1ad4fcb6b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=94=90=E6=98=8E=E6=98=8E?= <970899069@qq.com>
Date: Thu, 13 Jan 2022 17:45:19 +0800
Subject: [PATCH] =?UTF-8?q?=E6=9C=8D=E5=8A=A1=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/service/index.vue | 52 ++++++++++++++++++++---------------------
 1 file changed, 25 insertions(+), 27 deletions(-)

diff --git a/pages/service/index.vue b/pages/service/index.vue
index de8ee20..98b4203 100644
--- a/pages/service/index.vue
+++ b/pages/service/index.vue
@@ -1,26 +1,28 @@
 <template>
     <view class="content">
-        <view class="status">
-            <view class="top">
-                <view class="top-name">
-                    ZH大家庭
-                </view>
-                <view class="top-card">
-                    会员卡
-                </view>
-            </view>
-            <view class="site">
-                <view class="site-name">
-                    <u-icon name="map" style="margin-right: 10rpx;"></u-icon>
-                    全国
-                </view>
-                <view class="site-number">
-                    共<text>{{ total }}</text>家
-                </view>
-            </view>
-        </view>
+		<u-sticky>
+			<view class="status">
+				<view class="top">
+					<view class="top-name">
+						ZH大家庭
+					</view>
+					<view class="top-card">
+						会员卡
+					</view>
+				</view>
+				<view class="site">
+					<view class="site-name">
+						<u-icon name="map" style="margin-right: 10rpx;"></u-icon>
+						全国
+					</view>
+					<view class="site-number">
+						共<text>{{ total }}</text>家
+					</view>
+				</view>
+			</view>
+		</u-sticky>
         <view class="list">
-            <view class="label" v-for="(item, index) in lists" @click="$Router.push({name: 'serviceDetails', params: {id: item.hall_id, title: item.title + ' ' + item.subtitle}})">
+            <view class="label" v-for="(item, index) in lists" :key="index" @click="$Router.push({name: 'serviceDetails', params: {id: item.hall_id, title: item.title + ' ' + item.subtitle}})">
                 <view class="labelImg">
                     <image :src="item.cover" mode="aspectFill"></image>
                 </view>
@@ -94,21 +96,17 @@
     }
     
     .status {
-        position: fixed;
-        top: 0;
-        left: 0;
-        right: 0;
-        z-index: 99;
-        height: 180rpx;
         background-color: white;
-        padding: $padding;
+        padding: 0 $padding $padding;
         box-sizing: border-box;
         border-bottom: $border-color 2rpx solid;
         .top {
             display: flex;
             margin-bottom: $margin;
+			@extend .ios-top;
             .top-name {
                 font-size: $title-size + 6;
+				font-weight: bold;
             }
             .top-card {
                 font-size: $title-size-m;