diff --git a/components/iconfont/iconfont.vue b/components/iconfont/iconfont.vue
index 4f6dd04f..2e38de22 100644
--- a/components/iconfont/iconfont.vue
+++ b/components/iconfont/iconfont.vue
@@ -30,8 +30,8 @@
 <style scoped>
     /* iconfont.css全局注册需要将src切换成绝对路径 */
     /* @/static/icon/ */
-    /* @import url('@/static/icon/iconfont.css'); */
-    @import url('https://at.alicdn.com/t/c/font_4227145_r2jv37yqfec.css');
+    @import url('@/static/icon/iconfont.css');
+    /* @import url('https://at.alicdn.com/t/c/font_4227145_r2jv37yqfec.css'); */
 
     .iconfont {
         display: inline-block;
diff --git a/pages.json b/pages.json
index 4ff29455..457ee481 100644
--- a/pages.json
+++ b/pages.json
@@ -946,7 +946,7 @@
                 {
                     "path": "detail/detail",
                     "style": {
-                        // #ifdef MP-WEIXIN || MP-BAIDU || MP-QQ || MP-KUAISHOU
+                        // #ifdef MP-WEIXIN || MP-BAIDU || MP-QQ || MP-KUAISHOU || APP
                         "navigationStyle": "custom",
                         // #endif
                         // #ifdef MP-ALIPAY
diff --git a/pages/index/index.css b/pages/index/index.css
index d22f0e34..522f77f5 100644
--- a/pages/index/index.css
+++ b/pages/index/index.css
@@ -4,10 +4,6 @@
 .home-top-nav-content {
     background-repeat: no-repeat;
     background-size: 100% auto;
-    min-height: calc(var(--status-bar-height) + 130rpx);
-    /* #ifdef H5 */
-    min-height: calc(var(--status-bar-height) + 160rpx);
-    /* #endif */
     padding-top: calc(var(--status-bar-height) + 5px);
 }
 
@@ -34,7 +30,7 @@
  */
 /* #ifdef H5 || MP-TOUTIAO || APP */
 .nav-top-right-icon {
-    top: -34px;
+    top: calc(var(--status-bar-height) + 10px);
     right: 28rpx;
     z-index: 12;
     line-height: 28px;
@@ -83,13 +79,13 @@
     background-size: 100% auto;
     background-position: top;
     padding-bottom: 24rpx;
-    /* #ifdef H5 || APP */
+    /* #ifdef H5 */
     padding-top: 15rpx !important;
     padding-bottom: 15rpx !important;
     /* #endif */
 }
 
-/* #ifdef H5 || MP-TOUTIAO || APP */
+/* #ifdef H5 || MP-TOUTIAO */
 .search-content-fixed .nav-top-right-icon {
     top: 11px !important;
 }
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 5ff75817..be21bf37 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -1,8 +1,8 @@
 <template>
     <view :class="theme_view">
         <view :class="(plugins_mourning_data_is_app ? ' grayscale' : '') + (is_single_page == 1 ? ' single-page-top' : '')">
-            <!-- 顶部内容 -->
-            <view v-if="load_status == 1" class="home-top-nav-content pr" :style="top_content_bg_color + top_content_style">
+            <!-- 顶部内容、如果没有轮播和导航则使用矮的浮动导航背景样式，则使用高的背景样式 -->
+            <view v-if="load_status == 1" class="home-top-nav-content pr" :style="((banner_list.length > 0 || navigation.length > 0) ? top_content_bg_color : top_content_search_bg_color) + top_content_style">
                 <!-- 顶部背景图片 -->
                 <view class="pa top-0 left-0 right-0">
                     <image class="bg-img wh-auto" mode="widthFix" :src="static_url + 'nav-top.png'"></image>
@@ -26,11 +26,11 @@
                         <view v-if="common_app_is_enable_search == 1" class="search-content-input dis-inline-block va-m" :style="top_content_search_style">
                             <!-- 是否开启搜索框前面icon扫一扫 -->
                             <block v-if="is_home_search_scan == 1">
-                                <component-search propPlaceholder="输入商品名称搜索" propPlaceholderClass="cr-grey-c" propIconColor="#999" propBgColor="#fff" <!-- #ifndef H5 -->
+                                <component-search propPlaceholder="输入商品名称搜索" propPlaceholderClass="cr-grey-c" propIconColor="#999" propBgColor="#fff"
+                                    <!-- #ifndef H5 -->
                                     @onicon="search_icon_event" propIcon="icon-mendian-sousuosm" :propIsIconOnEvent="true"
                                     <!-- #endif -->
-                                    ></component-search
-                                >
+                                ></component-search>
                             </block>
                             <block v-else>
                                 <component-search propPlaceholder="输入商品名称搜索" propPlaceholderClass="cr-grey-c" propIconColor="#999" propBgColor="#fff"></component-search>
@@ -489,14 +489,9 @@
                             };
 
                             // 轮播数据处理
-                            if (this.load_status == 0 && data.banner_list && data.banner_list.length > 0) {
-                                if ((data.banner_list[0]['bg_color'] || null) != null) {
-                                    upd_data['top_content_bg_color'] = 'background: linear-gradient(180deg, ' + data.banner_list[0].bg_color + ' 0%, #f5f5f5 80%);';
-                                    upd_data['top_content_search_bg_color'] = 'background: linear-gradient(180deg, ' + data.banner_list[0].bg_color + ' 0%, #f5f5f5 460%);';
-                                } else {
-                                    upd_data['top_content_bg_color'] = 'background: linear-gradient(180deg, ' + this.theme_color + ' 0%, #f5f5f5 80%);';
-                                    upd_data['top_content_search_bg_color'] = 'background: linear-gradient(180deg, ' + this.theme_color + ' 0%, #f5f5f5 460%);';
-                                }
+                            if (this.load_status == 0) {
+                                var color = (data.banner_list && data.banner_list.length > 0 && (data.banner_list[0]['bg_color'] || null) != null) ? data.banner_list[0].bg_color : theme_color;
+                                this.change_banner(color);
                             }
 
                             // 搜索框宽度处理
@@ -617,13 +612,13 @@
 
             // 轮播改变、背景色处理
             change_banner(color) {
-                if ((color || null) != null) {
-                    this.top_content_bg_color = 'background: linear-gradient(180deg, ' + color + ' 0%, #f5f5f5 80%);';
-                    this.top_content_search_bg_color = 'background: linear-gradient(180deg, ' + color + ' 0%, #f5f5f5 460%);';
-                } else {
-                    this.top_content_bg_color = 'background: linear-gradient(180deg, ' + this.theme_color + ' 0%, #f5f5f5 80%);';
-                    this.top_content_search_bg_color = 'background: linear-gradient(180deg, ' + this.theme_color + ' 0%, #f5f5f5 460%);';
+                if ((color || null) == null) {
+                    color = this.theme_color;
                 }
+                this.setData({
+                    top_content_bg_color: 'background: linear-gradient(180deg, ' + color + ' 0%, #f5f5f5 80%);',
+                    top_content_search_bg_color: 'background: linear-gradient(180deg, ' + color + ' 0%, #f5f5f5 460%);',
+                });
             },
 
             // 搜索icon扫码事件