首页改版

pages/index/index.json

@@ -1,5 +1,7 @@
 {
   "navigationBarTitleText": "微笑榆山",
+  "navigationBarBackgroundColor": "#BB0300",
+  "navigationBarTextStyle": "white",
   "usingComponents": {
     "wux-icon": "../../dist/icon/index",
     "wux-grids": "../../dist/grids/index",

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,6 +36,24 @@
     </view>
   </view> -->
   <!-- 九宫格循环 -->
+  <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>
@@ -71,3 +89,5 @@
       </view>
     </block>
   </view>
+
+</view>

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;
+}
+