blue ui other

@@ -42,10 +42,6 @@ Page({
         commentLabel:res.data,
       })
     })
-    wx.setNavigationBarColor({
-      frontColor:'#000000',
-      backgroundColor:'#ffffff',
-    })
   },
   GetSellerDetail(){
     let options=this.options
@@ -156,6 +152,27 @@ Page({
    */
   onShow: function () {
     this.selectComponent('#getpos').getPos();
+
+    this._observer = wx.createIntersectionObserver(this)
+    this._observer
+      .relativeTo('.scroll-view')
+      .observe('.swiper-view', (res) => {
+        console.log('sv.observe',res)
+        if(res.intersectionRatio > 0){
+          wx.setNavigationBarColor({
+            frontColor:'#ffffff',
+            backgroundColor:'#ffffff',
+          })
+        }else{
+          wx.setNavigationBarColor({
+            frontColor:'#000000',
+            backgroundColor:'#ffffff',
+          })
+        }
+        this.setData({
+          hasNav: res.intersectionRatio == 0
+        })
+      })
   },
 
   /**

 <!--pages/reserve/detail.wxml-->
 <wxs src="../../utils/util.wxs" module="util" />
+<scroll-view class="scroll-view" scroll-y style="height: 100vh;">
 <page loading="{{loading}}">
-    <nav hasHome wx:if="{{hasNav}}">{{seller.sellername}}</nav>
+    <nav hasHome wx:if="{{hasNav}}" id='nav'>{{seller.sellername}}</nav>
     <view class="swiper-view">
         <swiper class="swiper-image"
                 indicator-dots="{{false}}" autoplay="{{false}}"
@@ -20,7 +21,9 @@
             {{currentView}}/{{seller.envi_image.length}}
         </view>
     </view>
-    <view class="view margin-lr-sm radius bg-white padding text-black" style="margin-top: -50rpx; position: relative;z-index: 1;">
+    <view class="view margin-lr-sm radius bg-white padding text-black"
+          id="seller-base"
+          style="margin-top: -50rpx; position: relative;z-index: 1;">
         <view class="view flex justify-start margin-bottom-sm">
             <view class="view flex-treble">
                 <view class="text-bold text-44">
@@ -212,6 +215,7 @@
         </view>
     </view>
 </page>
+</scroll-view>
 <getpos id="getpos" bindpos="onpos"></getpos>
 <as-phone id="as"></as-phone>
 <discount id="discount" seller="{{seller}}" wx:if="{{seller}}"