tianqian
2 years ago
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 301 KiB |
|
After Width: | Height: | Size: 623 B |
@ -1,3 +1,8 @@ |
|||
{ |
|||
"usingComponents": {} |
|||
} |
|||
"navigationBarTitleText": "红帆支部", |
|||
"navigationStyle": "custom", |
|||
"navigationBarTextStyle": "white", |
|||
"enablePullDownRefresh": true, |
|||
"backgroundColor": "#f8f8f8", |
|||
"backgroundTextStyle": "dark" |
|||
} |
|||
@ -1,2 +1,72 @@ |
|||
<!--pages/redSail/redSail.wxml--> |
|||
<text>pages/redSail/redSail.wxml</text> |
|||
<view class="header"> |
|||
<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> |
|||
@ -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; |
|||
} |
|||