diff --git a/images/down.png b/images/down.png
new file mode 100644
index 0000000..8b12da8
Binary files /dev/null and b/images/down.png differ
diff --git a/images/ic_dang2.png b/images/ic_dang2.png
index 1a2e37a..0d4b23e 100644
Binary files a/images/ic_dang2.png and b/images/ic_dang2.png differ
diff --git a/images/logout.png b/images/logout.png
index d88f168..31099a2 100644
Binary files a/images/logout.png and b/images/logout.png differ
diff --git a/images/notice.png b/images/notice.png
index 6693593..3025889 100644
Binary files a/images/notice.png and b/images/notice.png differ
diff --git a/pages/index/index.json b/pages/index/index.json
index 7dd486c..c68f376 100644
--- a/pages/index/index.json
+++ b/pages/index/index.json
@@ -1,5 +1,7 @@
 {
   "navigationBarTitleText": "微笑榆山",
+  "navigationBarBackgroundColor": "#BB0300",
+  "navigationBarTextStyle": "white",
   "usingComponents": {
     "wux-icon": "../../dist/icon/index",
     "wux-grids": "../../dist/grids/index",
diff --git a/pages/index/index.wxml b/pages/index/index.wxml
index 91a01f3..5a76079 100644
--- a/pages/index/index.wxml
+++ b/pages/index/index.wxml
@@ -1,12 +1,12 @@
 <view class="page">
-  <view class="title">
-    <view class="banner">
+  <!-- <view class="title">
+    <view class="banner"> -->
       <!-- 背景图 -->
-      <image src="/images/banner.png" class="banner-bg" mode="widthFix" />
+      <!-- <image src="/images/banner.png" class="banner-bg" mode="widthFix" />
       <view class="info">
-        <view class="name">{{curGridName}}</view>
+        <view class="name">{{curGridName}}</view> -->
         <!-- <image bindtap="toSetUp" class="icon icon-right-1" src="/images/shezhi.png"></image> -->
-        <image bindtap="logout" class="icon icon-right-1" src="/images/logout.png"></image>
+        <!-- <image bindtap="logout" class="icon icon-right-1" src="/images/logout.png"></image>
         <image bindtap="toNotice" wx:if="{{notice == 0}}" class="icon icon-right-2" src="/images/notice.png"></image>
         <image bindtap="toNotice" wx:else class="icon icon-right-2" src="/images/notice-xz.png"></image>
       </view>
@@ -24,7 +24,7 @@
         </view>
       </view>
     </view>
-  </view>
+  </view> -->
   <!-- 书记在线 -->
   <!-- <view class="sudoku clerkOnline" wx:if="{{panel.length !==0}}">
     <view class="content">
@@ -36,38 +36,58 @@
     </view>
   </view> -->
   <!-- 九宫格循环 -->
-  <block wx:for="{{panel}}" wx:for-item="itemPanel">
-    <view class="detailed">
-      <view class="detailed-name">{{itemPanel.mainLabel}}</view>
-      <view class="sudoku">
-        <view class="content">
-          <view wx:for="{{itemPanel.childNav}}" wx:for-index="index" wx:for-item="itemChild" data-state="{{index}}" data-tmp="{{itemPanel.templateInfo.templateCode}}" data-navcode="{{itemChild.navCode}}" bindtap="toTabs" hover-stay-time="150" hover-class="grid-hover" class="item">
-            <image src="{{itemChild.icon}}" />
-            <view class="name">{{itemChild.label}}</view>
-            <!-- 书记在线特殊处理 -->
-            <button wx:if="{{itemChild.navCode == 10011 && checkUpdateAvatar}}" class="button" open-type="getUserInfo" catchgetuserinfo="getInfo" hover-stop-propagation="{{propagation}}"></button>
-            <!-- 工作日志特殊处理 -->
-            <view wx:if="{{itemChild.navCode == 10021 && workCheckUpdateAvatar}}" class="but" data-navCode="{{itemChild.navCode}}" catchtap="navigateToUd" hover-stop-propagation="{{propagation}}">
-              <button data-navCode="{{itemChild.navCode}}" class="button button-wid" open-type="getUserInfo" bindgetuserinfo="getInfoWork"></button>
-            </view>
-            <!-- 周报告 -->
-            <view wx:if="{{itemChild.navCode == 10022 && workCheckUpdateAvatar}}" class="but button-weekly" data-navCode="{{itemChild.navCode}}" catchtap="navigateToUd" hover-stop-propagation="{{propagation}}">
-              <button data-navCode="{{itemChild.navCode}}" class="button button-wid button-weekly" open-type="getUserInfo" bindgetuserinfo="getInfoWork"></button>
-            </view>
-            <!-- 月报告 -->
-            <view wx:if="{{itemChild.navCode == 10023 && workCheckUpdateAvatar}}" class="but button-monthly" data-navCode="{{itemChild.navCode}}" catchtap="navigateToUd" hover-stop-propagation="{{propagation}}">
-              <button data-navCode="{{itemChild.navCode}}" class="button button-wid button-monthly" open-type="getUserInfo" bindgetuserinfo="getInfoWork"></button>
-            </view>
-            <view wx:if="{{itemChild.navCode == 10024 && workCheckUpdateAvatar}}" class="but button-left" data-navCode="{{itemChild.navCode}}" catchtap="navigateToUd" hover-stop-propagation="{{propagation}}">
-              <button data-navCode="{{itemChild.navCode}}" class="button button-wid button-left" open-type="getUserInfo" bindgetuserinfo="getInfoWork"></button>
-            </view>
-            <view wx:if="{{itemChild.num>0}}" class="number {{itemChild.label.length === 2 ? 'number-left-2': itemChild.label.length === 3 ? 'number-left-3': itemChild.label.length === 4 ? 'number-left-4':itemChild.label.length === 5 ? 'number-left-5':itemChild.label.length === 6 ? 'number-left-6' :''}}">
-              <text wx:if="{{itemChild.num > 999}}">999+</text>
-              <text wx:else>{{itemChild.num}}</text>
+  <view class="title-new">
+    <view class="grid-any">
+      <view bindtap="gridChange" class="grid-name">
+        <view>{{curGridName}}</view>
+        <image src="/images/down.png"></image>
+      </view>
+      <view class="grid-set">
+        <image wx:if="{{notice == 0}}" bindtap="toNotice" class="notice" src="/images/notice.png"></image>
+        <image bindtap="toNotice" wx:else class="notice" src="/images/notice-xz.png"></image>
+        <image bindtap="logout" class="logout" src="/images/logout.png"></image>
+      </view>
+    </view>
+    <view class="explain-new">
+      <image src="/images/ic_dang2.png"></image>
+      <view class="explain-name-new">可按照网格支部查看</view>
+    </view>
+  </view>
+  <view class="list-all">
+    <block wx:for="{{panel}}" wx:for-item="itemPanel">
+      <view class="detailed">
+        <view class="detailed-name">{{itemPanel.mainLabel}}</view>
+        <view class="sudoku">
+          <view class="content">
+            <view wx:for="{{itemPanel.childNav}}" wx:for-index="index" wx:for-item="itemChild" data-state="{{index}}" data-tmp="{{itemPanel.templateInfo.templateCode}}" data-navcode="{{itemChild.navCode}}" bindtap="toTabs" hover-stay-time="150" hover-class="grid-hover" class="item">
+              <image src="{{itemChild.icon}}" />
+              <view class="name">{{itemChild.label}}</view>
+              <!-- 书记在线特殊处理 -->
+              <button wx:if="{{itemChild.navCode == 10011 && checkUpdateAvatar}}" class="button" open-type="getUserInfo" catchgetuserinfo="getInfo" hover-stop-propagation="{{propagation}}"></button>
+              <!-- 工作日志特殊处理 -->
+              <view wx:if="{{itemChild.navCode == 10021 && workCheckUpdateAvatar}}" class="but" data-navCode="{{itemChild.navCode}}" catchtap="navigateToUd" hover-stop-propagation="{{propagation}}">
+                <button data-navCode="{{itemChild.navCode}}" class="button button-wid" open-type="getUserInfo" bindgetuserinfo="getInfoWork"></button>
+              </view>
+              <!-- 周报告 -->
+              <view wx:if="{{itemChild.navCode == 10022 && workCheckUpdateAvatar}}" class="but button-weekly" data-navCode="{{itemChild.navCode}}" catchtap="navigateToUd" hover-stop-propagation="{{propagation}}">
+                <button data-navCode="{{itemChild.navCode}}" class="button button-wid button-weekly" open-type="getUserInfo" bindgetuserinfo="getInfoWork"></button>
+              </view>
+              <!-- 月报告 -->
+              <view wx:if="{{itemChild.navCode == 10023 && workCheckUpdateAvatar}}" class="but button-monthly" data-navCode="{{itemChild.navCode}}" catchtap="navigateToUd" hover-stop-propagation="{{propagation}}">
+                <button data-navCode="{{itemChild.navCode}}" class="button button-wid button-monthly" open-type="getUserInfo" bindgetuserinfo="getInfoWork"></button>
+              </view>
+              <view wx:if="{{itemChild.navCode == 10024 && workCheckUpdateAvatar}}" class="but button-left" data-navCode="{{itemChild.navCode}}" catchtap="navigateToUd" hover-stop-propagation="{{propagation}}">
+                <button data-navCode="{{itemChild.navCode}}" class="button button-wid button-left" open-type="getUserInfo" bindgetuserinfo="getInfoWork"></button>
+              </view>
+              <view wx:if="{{itemChild.num>0}}" class="number {{itemChild.label.length === 2 ? 'number-left-2': itemChild.label.length === 3 ? 'number-left-3': itemChild.label.length === 4 ? 'number-left-4':itemChild.label.length === 5 ? 'number-left-5':itemChild.label.length === 6 ? 'number-left-6' :''}}">
+                <text wx:if="{{itemChild.num > 999}}">999+</text>
+                <text wx:else>{{itemChild.num}}</text>
+              </view>
             </view>
           </view>
         </view>
       </view>
-    </view>
-  </block>
+    </block>
+  </view>
+
 </view>
\ No newline at end of file
diff --git a/pages/index/index.wxss b/pages/index/index.wxss
index 6a3ac57..a59b946 100644
--- a/pages/index/index.wxss
+++ b/pages/index/index.wxss
@@ -1,5 +1,5 @@
 page {
-  background: #fff;
+  background: #f7f7f7;
 }
 
 .title {
@@ -136,9 +136,13 @@ page {
 /* 文字样式 */
 
 .detailed {
-  width: 100%;
-  border-top: 10rpx solid #f6f8f8;
+  width: calc(100% - 40rpx);
+  /* border-top: 10rpx solid #f6f8f8; */
+  margin: 20rpx;
+  border-radius: 16rpx;
   padding: 30rpx 0;
+  background: #ffffff;
+
 }
 
 .detailed .detailed-name {
@@ -273,3 +277,74 @@ page {
   margin-left: 102rpx;
   margin-top: 5rpx;
 }
+
+/* 首页改版 */
+.title-new{
+  width: 100%;
+  height: 200rpx;
+  background: #BB0300;
+  overflow:hidden;
+  /* padding-top: 38rpx; */
+}
+.title-new .grid-any{
+  margin-top: 38rpx;
+  width: calc(100% - 44rpx);
+  height: 40rpx;
+  margin-left: 22rpx;
+  background: #BB0300;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.title-new .grid-any .grid-name {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.title-new .grid-any .grid-name view{
+  font-size: 34rpx;
+  font-weight: 500;
+  color: #FFFFFF;
+}
+.title-new .grid-any .grid-name image{
+  width: 24rpx;
+  height: 16rpx;
+  margin-left: 13rpx;
+}
+.title-new .grid-any .grid-set{
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.title-new .grid-any .grid-set .logout{
+  width: 40rpx;
+  height: 40rpx;
+}
+.title-new .grid-any .grid-set .notice{
+  width: 40rpx;
+  height: 40rpx;
+  margin-right: 80rpx;
+}
+.list-all{
+  margin-top: -60rpx;
+}
+.explain-new{
+  margin-top: 23rpx;
+  width: calc(100% - 18rpx);
+  height: 24rpx;
+  margin-left: 18rpx;
+  background: #BB0300;
+  display: flex;
+  align-items: center;
+}
+.explain-new image{
+  width: 24rpx;
+  height: 24rpx;
+}
+.explain-new .explain-name-new{
+  font-size: 24rpx;
+  font-weight: 500;
+  color: #FFFFFF;
+  opacity: 0.5;
+}
+