12 changed files with 412 additions and 181 deletions
@ -1,18 +1,11 @@ |
|||||
{ |
{ |
||||
"navigationBarTitleText": "党群e家", |
"navigationBarTitleText": "党群e家", |
||||
"navigationStyle": "custom", |
"navigationStyle": "custom", |
||||
"navigationBarTextStyle": "white", |
"navigationBarTextStyle": "white", |
||||
"usingComponents": { |
"usingComponents": { |
||||
"banner": "./components/banner/banner", |
|
||||
"sudoku": "./components/sudoku/sudoku", |
}, |
||||
"notice": "./components/notice/notice", |
"enablePullDownRefresh": true, |
||||
"project": "./components/project/project", |
"backgroundColor": "#f8f8f8", |
||||
"news-list":"./components/newsList/newsList", |
"backgroundTextStyle": "dark" |
||||
"load-more": "../../components/loadMore/loadMore", |
} |
||||
"complete-info-dialog": "../../components/completeInfoDialog/completeInfoDialog", |
|
||||
"wux-popup": "../../dist/popup/index" |
|
||||
}, |
|
||||
"enablePullDownRefresh": true, |
|
||||
"backgroundColor": "#f8f8f8", |
|
||||
"backgroundTextStyle": "dark" |
|
||||
} |
|
@ -1,127 +1,287 @@ |
|||||
page { |
page { |
||||
width: 100%; |
width: 100%; |
||||
height: auto; |
height: auto; |
||||
overflow-y: auto; |
overflow-y: auto; |
||||
background: #f7f7f7; |
background: #f7f7f7; |
||||
|
font-family: PingFang SC; |
||||
} |
} |
||||
|
|
||||
.header { |
.header { |
||||
position: fixed; |
|
||||
width: 100%; |
width: 100%; |
||||
top: 0; |
height: 484rpx; |
||||
left: 0; |
/* position: fixed; |
||||
z-index: 1000; |
top: 0; |
||||
|
left: 0; |
||||
|
z-index: 1000; */ |
||||
} |
} |
||||
|
|
||||
.header .header-bg { |
.header .header-bg { |
||||
width: 100%; |
width: 100%; |
||||
height: 100%; |
height: 100%; |
||||
position: absolute; |
/* position: absolute; |
||||
z-index: 10; |
z-index: 10; |
||||
left: 0; |
left: 0; |
||||
top: 0; |
top: 0; */ |
||||
|
position: absolute; |
||||
|
height: 100%; |
||||
|
z-index: -999; |
||||
} |
} |
||||
|
|
||||
.header .navigation { |
.header .navigation { |
||||
width: 100%; |
width: 100%; |
||||
display: flex; |
display: flex; |
||||
align-items: center; |
align-items: center; |
||||
justify-content: center; |
justify-content: center; |
||||
color: rgba(255,255,255, 0.9); |
color: rgba(255, 255, 255, 0.9); |
||||
font-size: 32rpx; |
font-size: 32rpx; |
||||
position: relative; |
position: relative; |
||||
z-index: 100; |
z-index: 100; |
||||
} |
} |
||||
|
|
||||
.home { |
.home { |
||||
width: 100%; |
width: 100%; |
||||
} |
} |
||||
|
|
||||
.belong-grid { |
.belong-grid { |
||||
width: 100%; |
width: 100%; |
||||
height: 100rpx; |
height: 100rpx; |
||||
position: relative; |
position: relative; |
||||
} |
} |
||||
|
|
||||
.belong-grid .belong-grid-bg { |
.belong-grid .belong-grid-bg { |
||||
width: 100%; |
width: 100%; |
||||
height: 100%; |
height: 100%; |
||||
position: absolute; |
position: absolute; |
||||
top: 0; |
top: 0; |
||||
left: 0; |
left: 0; |
||||
z-index: 10; |
z-index: 0; |
||||
|
|
||||
} |
} |
||||
|
|
||||
.belong-grid .grid { |
.belong-grid .grid { |
||||
width: 100%; |
width: 100%; |
||||
height: 100%; |
height: 100%; |
||||
position: relative; |
position: relative; |
||||
z-index: 100; |
z-index: 100; |
||||
display: flex; |
display: flex; |
||||
align-items: center; |
align-items: center; |
||||
} |
} |
||||
|
|
||||
.belong-grid .grid .party-logo { |
.belong-grid .grid .party-logo { |
||||
width: 32rpx; |
width: 32rpx; |
||||
height: 32rpx; |
height: 32rpx; |
||||
margin: 0 10rpx 0 23rpx; |
margin: 0 10rpx 0 23rpx; |
||||
} |
} |
||||
|
|
||||
.belong-grid .grid .grid-name { |
.belong-grid .grid .grid-name { |
||||
font-size: 32rpx; |
font-size: 32rpx; |
||||
color: #fff; |
color: #fff; |
||||
} |
} |
||||
|
|
||||
.belong-grid .grid .more-grid { |
.belong-grid .grid .more-grid { |
||||
width: 18rpx; |
width: 18rpx; |
||||
height: 26rpx; |
height: 26rpx; |
||||
margin-left: 10rpx; |
margin-left: 10rpx; |
||||
} |
} |
||||
|
|
||||
.belong-grid .newbelong-grid { |
.belong-grid .newbelong-grid { |
||||
display: flex; |
display: flex; |
||||
flex-direction: row; |
flex-direction: row; |
||||
align-items: center; |
align-items: center; |
||||
justify-content: space-between; |
justify-content: space-between; |
||||
width: 100%; |
width: 100%; |
||||
height: 100rpx; |
height: 100rpx; |
||||
} |
} |
||||
|
|
||||
.belong-grid .newbelong-grid .signin-btn { |
.belong-grid .newbelong-grid .signin-btn { |
||||
width: 140rpx; |
width: 140rpx; |
||||
height: 44rpx; |
height: 44rpx; |
||||
position: absolute; |
position: absolute; |
||||
z-index: 99; |
z-index: 99; |
||||
right: 30rpx; |
right: 30rpx; |
||||
} |
} |
||||
|
|
||||
.belong-grid .newbelong-grid .signin-btn image { |
.belong-grid .newbelong-grid .signin-btn image { |
||||
width: 100%; |
width: 100%; |
||||
height: 100%; |
height: 100%; |
||||
} |
} |
||||
|
|
||||
.belong-grid .newbelong-grid .grid { |
.belong-grid .newbelong-grid .grid { |
||||
/* width: 90%; */ |
/* width: 90%; */ |
||||
width: calc(100% - 170rpx); |
width: calc(100% - 170rpx); |
||||
height: 34rpx; |
height: 34rpx; |
||||
position: relative; |
position: relative; |
||||
z-index: 100; |
z-index: 100; |
||||
display: flex; |
display: flex; |
||||
align-items: center; |
align-items: center; |
||||
} |
} |
||||
|
|
||||
.belong-grid .newbelong-grid .grid .party-logo { |
.belong-grid .newbelong-grid .grid .party-logo { |
||||
width: 24rpx; |
width: 24rpx; |
||||
height: 30rpx; |
height: 30rpx; |
||||
margin: 0 14rpx 0 22rpx; |
margin: 0 14rpx 0 22rpx; |
||||
} |
} |
||||
|
|
||||
.belong-grid .newbelong-grid .grid .grid-name { |
.belong-grid .newbelong-grid .grid .grid-name { |
||||
font-size: 32rpx; |
font-size: 32rpx; |
||||
color: #fff; |
color: #fff; |
||||
} |
} |
||||
|
|
||||
.belong-grid .newbelong-grid .grid .more-grid { |
.belong-grid .newbelong-grid .grid .more-grid { |
||||
width: 16rpx; |
width: 16rpx; |
||||
height: 22rpx; |
height: 22rpx; |
||||
margin-left: 10rpx; |
margin-left: 10rpx; |
||||
margin-top: 5rpx; |
margin-top: 5rpx; |
||||
} |
} |
||||
|
|
||||
.popup__button { |
.popup__button { |
||||
width: 100%; |
width: 100%; |
||||
text-align: center; |
text-align: center; |
||||
font-size: 36rpx; |
font-size: 36rpx; |
||||
color: #04BCA0; |
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