红帆支队

miniprogram/app.json

@@ -216,37 +216,27 @@
         "borderStyle": "white",
         "list": [
             {
-                "pagePath": "pages/index/index",
+                "pagePath": "pages/home/home",
-                "text": "首页",
+                "text": "",
-                "iconPath": "images/home.png",
+                "iconPath": "images/main/icon01.png",
-                "selectedIconPath": "images/homeSelected.png"
+                "selectedIconPath": "images/main/icon01-a.png"
             },
             {
-                "pagePath": "pages/discussion/discussion",
+                "pagePath": "pages/message/message",
-                "text": "党群议事",
+                "text": "消息",
-                "iconPath": "images/discuss.png",
+                "iconPath": "images/main/icon02.png",
-                "selectedIconPath": "images/discussSelected.png"
+                "selectedIconPath": "images/main/icon02-a.png"
             },
+           
             {
-                "pagePath": "pages/association/association",
+                "pagePath": "pages/my/my",
-                "text": "邻里党群",
-                "iconPath": "images/association.png",
-                "selectedIconPath": "images/association-select.png"
-            },
-            {
-                "pagePath": "pages/heart/heart",
-                "text": "初心互助",
-                "iconPath": "images/mutual.png",
-                "selectedIconPath": "images/mutualSelected.png"
-            },
-            {
-                "pagePath": "pages/mine/mine",
                 "text": "我的",
-                "iconPath": "images/mine.png",
+                "iconPath": "images/main/icon03.png",
-                "selectedIconPath": "images/mineSelected.png"
+                "selectedIconPath": "images/main/icon03-a.png"
             }
         ]
     },
+    
     "window": {
         "backgroundTextStyle": "light",
         "navigationBarBackgroundColor": "#fff",

miniprogram/pages/home/home.wxml

@@ -3,13 +3,14 @@
     <view class="navigation" style="height: {{navigationHeight}}px; top: {{statusHeight}}px;">
         首页
     </view>
-
 </view>
 <view class="bgw topf50">
     <view class="gridouter">
         <view class="grid">
+        <navigator url="/pages/redSail/redSail" >
             <image src="../../images/main/home01.png" />
             <view>红帆支队</view>
+        </navigator>
         </view>
         <view class="grid">
             <image src="../../images/main/home02.png" />

miniprogram/pages/redGrider/redGrider.js

@@ -1,11 +1,13 @@
 // pages/redGrider/redGrider.js
+const app = getApp()
 Page({
 
     /**
      * 页面的初始数据
      */
     data: {
-
+        statusHeight: app.globalData.deviceInfo.statusHeight, // 自定义头部状态栏高度
+        navigationHeight: app.globalData.deviceInfo.navigationHeight,
     },
 
     /**
@@ -62,5 +64,12 @@ Page({
      */
     onShareAppMessage() {
 
-    }
+    },
+    back() {
+        console.log("dddddddddd")
+        //返回上一级，关闭当前页面
+        wx.navigateBack({
+            delta: 1
+        })
+    },
 })

miniprogram/pages/redSail/redSail.js

@@ -1,11 +1,13 @@
-// pages/redSail/redSail.js
+// pages/redGrider/redGrider.js
+const app = getApp()
 Page({
 
     /**
      * 页面的初始数据
      */
     data: {
-
+        statusHeight: app.globalData.deviceInfo.statusHeight, // 自定义头部状态栏高度
+        navigationHeight: app.globalData.deviceInfo.navigationHeight,
     },
 
     /**
@@ -62,5 +64,12 @@ Page({
      */
     onShareAppMessage() {
 
-    }
+    },
+    back() {
+        console.log("dddddddddd")
+        //返回上一级，关闭当前页面
+        wx.navigateBack({
+            delta: 1
+        })
+    },
 })

miniprogram/pages/redSail/redSail.json

@@ -1,3 +1,8 @@
 {
-    "usingComponents": {}
+    "navigationBarTitleText": "红帆支部",
-}
+    "navigationStyle": "custom",
+    "navigationBarTextStyle": "white",
+    "enablePullDownRefresh": true,
+    "backgroundColor": "#f8f8f8",
+    "backgroundTextStyle": "dark"
+  }

miniprogram/pages/redSail/redSail.wxml

@@ -1,2 +1,72 @@
-<!--pages/redSail/redSail.wxml-->
+<view class="header">
-<text>pages/redSail/redSail.wxml</text>
+     <image src="../../images/main/back.png" class="back" style=" top: {{statusHeight}}px;"  bindtap="back"></image>
+    <image class="header-bg" src="../../images/main/redSail_bg.png" mode="widthFix" />
+    <view class="navigation" style="height: {{navigationHeight}}px; top: {{statusHeight}}px;">
+        红帆支部
+    </view>
+</view>
+<view class="mtf80">
+    <view class="list">
+        <view class="item ">
+            <image src="../../images/main/redSail01.png" class="icon"></image>
+            <view class="vcenter flex1">
+                <view class="h1">红帆领航</view>
+                <view class="h2">
+                    在认真完成《中国共产党章···
+                </view>
+            </view>
+            <view class="vcenter w20">
+                <image src="../../images/main/redSail_right.png"  class="go"></image>
+            </view>
+        </view>
+        <view class="item ">
+            <image src="../../images/main/redSail02.png" class="icon"></image>
+            <view class="vcenter flex1">
+                <view class="h1">我要入党</view>
+                <view class="h2">
+                    “红帆支部”主要接受城市社···
+                </view>
+            </view>
+            <view class="vcenter w20">
+                <image src="../../images/main/redSail_right.png"  class="go"></image>
+            </view>
+        </view>
+        <view class="item ">
+            <image src="../../images/main/redSail03.png" class="icon"></image>
+            <view class="vcenter flex1">
+                <view class="h1">流动党员报到</view>
+                <view class="h2">
+                    外来流动党员，一般指党员···
+                </view>
+            </view>
+            <view class="vcenter w20">
+                <image src="../../images/main/redSail_right.png"  class="go"></image>
+            </view>
+        </view>
+        <view class="item ">
+            <image src="../../images/main/redSail04.png" class="icon"></image>
+            <view class="vcenter flex1">
+                <view class="h1">我要转出</view>
+                <view class="h2">
+                    填写身份信息以及转出事由
+                </view>
+            </view>
+            <view class="vcenter w20">
+                <image src="../../images/main/redSail_right.png"  class="go"></image>
+            </view>
+        </view>
+        <view class="item ">
+            <image src="../../images/main/redSail05.png" class="icon"></image>
+            <view class="vcenter flex1">
+                <view class="h1">我的支部</view>
+                <view class="h2">
+                    我所在的支部信息
+                </view>
+            </view>
+            <view class="vcenter w20">
+                <image src="../../images/main/redSail_right.png"  class="go"></image>
+            </view>
+        </view>
+
+    </view>
+</view>

miniprogram/pages/redSail/redSail.wxss

@@ -1 +1,113 @@
-/* pages/redSail/redSail.wxss */
+page {
+    width: 100%;
+    height: auto;
+    overflow-y: auto;
+    background: #f7f7f7;
+    font-family: PingFang SC;
+}
+
+.header {
+
+    width: 100%;
+    height: 484rpx;
+    /* position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 1000; */
+}
+
+.header .header-bg {
+    width: 100%;
+    height: 100%;
+    /* position: absolute;
+    z-index: 10;
+    left: 0;
+    top: 0; */
+    position: absolute;
+    height: 100%;
+    z-index: -999;
+}
+
+.header .navigation {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    color: rgba(255, 255, 255, 0.9);
+    font-size: 32rpx;
+    position: relative;
+    z-index: 1;
+}
+
+.w20 {
+    width: 20rpx;
+}
+
+.flex1 {
+    flex: 1;
+}
+
+.mtf80 {
+    margin-top: -80rpx;
+}
+
+.back {
+    width: 20rpx;
+    height: 20rpx;
+    margin-left: 20rpx;
+    position: absolute;
+    margin-top: 20rpx;
+    border-radius: 0rpx;
+    z-index: 2;
+}
+
+.list {
+    padding: 20rpx 35rpx;
+
+}
+
+.list .item {
+    padding: 40rpx 40rpx;
+
+    display: flex;
+    background-color: #fff;
+    border-radius: 10rpx;
+    margin-bottom: 20rpx;
+}
+
+.vcenter {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+}
+
+.list .item .icon {
+    width: 130rpx;
+    height: 130rpx;
+    margin-right: 20rpx;
+    border-radius: 0rpx;
+}
+
+.list .item .go {
+    width: 20rpx;
+    height: 20rpx;
+    margin-right: 20rpx;
+    border-radius: 0rpx;
+}
+
+.list .item .h1 {
+    font-size: 36rpx;
+    color: #333333;
+    line-height: 1rem;
+    margin-bottom: 5rpx;
+}
+
+.list .item .h2 {
+    font-size: 28rpx;
+    color: #999;
+    line-height: 1rem;
+}
+
+.list .item .h2 .time {
+    float: right;
+}