tianqian
2 years ago
12 changed files with 412 additions and 181 deletions
@ -1,18 +1,11 @@ |
|||
{ |
|||
"navigationBarTitleText": "党群e家", |
|||
"navigationStyle": "custom", |
|||
"navigationBarTextStyle": "white", |
|||
"usingComponents": { |
|||
"banner": "./components/banner/banner", |
|||
"sudoku": "./components/sudoku/sudoku", |
|||
"notice": "./components/notice/notice", |
|||
"project": "./components/project/project", |
|||
"news-list":"./components/newsList/newsList", |
|||
"load-more": "../../components/loadMore/loadMore", |
|||
"complete-info-dialog": "../../components/completeInfoDialog/completeInfoDialog", |
|||
"wux-popup": "../../dist/popup/index" |
|||
}, |
|||
"enablePullDownRefresh": true, |
|||
"backgroundColor": "#f8f8f8", |
|||
"backgroundTextStyle": "dark" |
|||
} |
|||
"navigationBarTitleText": "党群e家", |
|||
"navigationStyle": "custom", |
|||
"navigationBarTextStyle": "white", |
|||
"usingComponents": { |
|||
|
|||
}, |
|||
"enablePullDownRefresh": true, |
|||
"backgroundColor": "#f8f8f8", |
|||
"backgroundTextStyle": "dark" |
|||
} |
|||
@ -1,127 +1,287 @@ |
|||
page { |
|||
width: 100%; |
|||
height: auto; |
|||
overflow-y: auto; |
|||
background: #f7f7f7; |
|||
width: 100%; |
|||
height: auto; |
|||
overflow-y: auto; |
|||
background: #f7f7f7; |
|||
font-family: PingFang SC; |
|||
} |
|||
|
|||
.header { |
|||
position: fixed; |
|||
width: 100%; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 1000; |
|||
|
|||
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; |
|||
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: 100; |
|||
width: 100%; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
color: rgba(255, 255, 255, 0.9); |
|||
font-size: 32rpx; |
|||
position: relative; |
|||
z-index: 100; |
|||
} |
|||
|
|||
.home { |
|||
width: 100%; |
|||
width: 100%; |
|||
} |
|||
|
|||
.belong-grid { |
|||
width: 100%; |
|||
height: 100rpx; |
|||
position: relative; |
|||
width: 100%; |
|||
height: 100rpx; |
|||
position: relative; |
|||
} |
|||
|
|||
.belong-grid .belong-grid-bg { |
|||
width: 100%; |
|||
height: 100%; |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 10; |
|||
width: 100%; |
|||
height: 100%; |
|||
position: absolute; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 0; |
|||
|
|||
} |
|||
|
|||
.belong-grid .grid { |
|||
width: 100%; |
|||
height: 100%; |
|||
position: relative; |
|||
z-index: 100; |
|||
display: flex; |
|||
align-items: center; |
|||
width: 100%; |
|||
height: 100%; |
|||
position: relative; |
|||
z-index: 100; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.belong-grid .grid .party-logo { |
|||
width: 32rpx; |
|||
height: 32rpx; |
|||
margin: 0 10rpx 0 23rpx; |
|||
width: 32rpx; |
|||
height: 32rpx; |
|||
margin: 0 10rpx 0 23rpx; |
|||
} |
|||
|
|||
.belong-grid .grid .grid-name { |
|||
font-size: 32rpx; |
|||
color: #fff; |
|||
font-size: 32rpx; |
|||
color: #fff; |
|||
} |
|||
|
|||
.belong-grid .grid .more-grid { |
|||
width: 18rpx; |
|||
height: 26rpx; |
|||
margin-left: 10rpx; |
|||
width: 18rpx; |
|||
height: 26rpx; |
|||
margin-left: 10rpx; |
|||
} |
|||
|
|||
.belong-grid .newbelong-grid { |
|||
display: flex; |
|||
flex-direction: row; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
width: 100%; |
|||
height: 100rpx; |
|||
display: flex; |
|||
flex-direction: row; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
width: 100%; |
|||
height: 100rpx; |
|||
} |
|||
|
|||
.belong-grid .newbelong-grid .signin-btn { |
|||
width: 140rpx; |
|||
height: 44rpx; |
|||
position: absolute; |
|||
z-index: 99; |
|||
right: 30rpx; |
|||
width: 140rpx; |
|||
height: 44rpx; |
|||
position: absolute; |
|||
z-index: 99; |
|||
right: 30rpx; |
|||
} |
|||
|
|||
.belong-grid .newbelong-grid .signin-btn image { |
|||
width: 100%; |
|||
height: 100%; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
.belong-grid .newbelong-grid .grid { |
|||
/* width: 90%; */ |
|||
width: calc(100% - 170rpx); |
|||
height: 34rpx; |
|||
position: relative; |
|||
z-index: 100; |
|||
display: flex; |
|||
align-items: center; |
|||
/* width: 90%; */ |
|||
width: calc(100% - 170rpx); |
|||
height: 34rpx; |
|||
position: relative; |
|||
z-index: 100; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.belong-grid .newbelong-grid .grid .party-logo { |
|||
width: 24rpx; |
|||
height: 30rpx; |
|||
margin: 0 14rpx 0 22rpx; |
|||
width: 24rpx; |
|||
height: 30rpx; |
|||
margin: 0 14rpx 0 22rpx; |
|||
} |
|||
|
|||
.belong-grid .newbelong-grid .grid .grid-name { |
|||
font-size: 32rpx; |
|||
color: #fff; |
|||
font-size: 32rpx; |
|||
color: #fff; |
|||
} |
|||
|
|||
.belong-grid .newbelong-grid .grid .more-grid { |
|||
width: 16rpx; |
|||
height: 22rpx; |
|||
margin-left: 10rpx; |
|||
margin-top: 5rpx; |
|||
width: 16rpx; |
|||
height: 22rpx; |
|||
margin-left: 10rpx; |
|||
margin-top: 5rpx; |
|||
} |
|||
|
|||
.popup__button { |
|||
width: 100%; |
|||
text-align: center; |
|||
font-size: 36rpx; |
|||
color: #04BCA0; |
|||
width: 100%; |
|||
text-align: center; |
|||
font-size: 36rpx; |
|||
color: #04BCA0; |
|||
} |
|||
|
|||
.bgw { |
|||
background-color: #fff; |
|||
margin: 20rpx; |
|||
|
|||
border-radius: 20rpx; |
|||
padding: 40rpx 30rpx; |
|||
box-sizing: border-box; |
|||
z-index: 1; |
|||
} |
|||
|
|||
.gridouter { |
|||
display: flex; |
|||
justify-content: space-around; |
|||
|
|||
} |
|||
|
|||
.grid { |
|||
width: 25%; |
|||
text-align: center; |
|||
font-size: 28rpx; |
|||
line-height: 56rpx; |
|||
color: #333333; |
|||
} |
|||
|
|||
.grid image { |
|||
width: 80rpx; |
|||
height: 80rpx; |
|||
|
|||
} |
|||
|
|||
.grid2outer { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
|
|||
} |
|||
|
|||
.grid2 { |
|||
flex: 1; |
|||
background: linear-gradient(90deg, #F5F9FE 0%, #FBFDFF 100%); |
|||
border-radius: 16rpx; |
|||
display: flex; |
|||
padding: 30rpx; |
|||
margin: 20rpx 0rpx 0rpx; |
|||
} |
|||
|
|||
|
|||
.grid2 .h1 { |
|||
font-size: 32rpx; |
|||
font-weight: bold; |
|||
line-height: 36rpx; |
|||
} |
|||
|
|||
.grid2 .h2 { |
|||
height: 23rpx; |
|||
font-size: 24rpx; |
|||
line-height: 36rpx; |
|||
} |
|||
|
|||
.grid2 image { |
|||
width: 64rpx; |
|||
height: 64rpx; |
|||
margin-right: 10rpx |
|||
} |
|||
|
|||
.blue { |
|||
background: linear-gradient(90deg, #F5F9FE 0%, #FBFDFF 100%); |
|||
} |
|||
|
|||
.blue .h1 { |
|||
color: #5A89B7; |
|||
} |
|||
|
|||
.blue .h2 { |
|||
color: #80A4C7; |
|||
} |
|||
|
|||
.red { |
|||
background: linear-gradient(90deg, #FEFBF0 0%, #FFFDF9 100%); |
|||
} |
|||
|
|||
.red .h1 { |
|||
color: #CD9058; |
|||
} |
|||
|
|||
.red .h2 { |
|||
color: #C89C74; |
|||
} |
|||
|
|||
.topf50 { |
|||
margin-top: -50rpx; |
|||
} |
|||
|
|||
.top16 { |
|||
margin-top: 16rpx |
|||
} |
|||
|
|||
.w40 { |
|||
width: 40rpx; |
|||
} |
|||
.vbetween{ |
|||
display: flex; |
|||
flex-direction: column; |
|||
justify-content:space-between; |
|||
} |
|||
.title01 { |
|||
font-size: 36rpx; |
|||
font-family: FZZongYi-M05; |
|||
font-weight: 400; |
|||
color: #121212; |
|||
line-height: 42rpx; |
|||
} |
|||
|
|||
.home_news_list { |
|||
padding: 20rpx 0rpx |
|||
} |
|||
|
|||
.home_news_list .item { |
|||
padding: 20rpx 0rpx; |
|||
border-bottom: solid #EAEAEA 1px; |
|||
display: flex; |
|||
} |
|||
|
|||
.home_news_list .item image { |
|||
width: 220rpx; |
|||
height: 140rpx; |
|||
margin-right: 18rpx; |
|||
border-radius: 12rpx; |
|||
} |
|||
|
|||
.home_news_list .item .h1 { |
|||
font-size: 32rpx; |
|||
color: #333333; |
|||
line-height: 40rpx; |
|||
} |
|||
|
|||
.home_news_list .item .h2 { |
|||
font-size: 24rpx; |
|||
color: #AAAAAA; |
|||
line-height: 24rpx; |
|||
} |
|||
.home_news_list .item .h2 .time{ |
|||
float: right; |
|||
} |
|||
Loading…
Reference in new issue