jiangyy
4 years ago
14 changed files with 1390 additions and 1874 deletions
|
After Width: | Height: | Size: 981 KiB |
@ -0,0 +1,242 @@ |
|||||
|
@import "@/assets/scss/c/config.scss"; |
||||
|
@import "@/assets/scss/c/function.scss"; |
||||
|
@import "@/assets/scss/c/anime.scss"; |
||||
|
|
||||
|
// 爱心互助-banner |
||||
|
.heart_banner { |
||||
|
position: relative; |
||||
|
margin-top: 10px; |
||||
|
padding: 10px 10px 15px 10px; |
||||
|
background-color: rgba(233, 233, 233, 0.26); |
||||
|
.subbanner { |
||||
|
position: relative; |
||||
|
height: 160px; |
||||
|
border-radius: 10px; |
||||
|
overflow: hidden; |
||||
|
|
||||
|
> img { |
||||
|
width: 100%; |
||||
|
height: 160px; |
||||
|
} |
||||
|
|
||||
|
.d-title { |
||||
|
margin-top:1px; |
||||
|
position: absolute; |
||||
|
border-radius: 5px; |
||||
|
top: 0; |
||||
|
right: 0; |
||||
|
width:230px; |
||||
|
padding: 0 10px; |
||||
|
background: rgb(255, 255, 255); |
||||
|
overflow: hidden; |
||||
|
|
||||
|
.left-log { |
||||
|
vertical-align: middle; |
||||
|
z-index: 10; |
||||
|
width: 15px; |
||||
|
margin-bottom:3px; |
||||
|
} |
||||
|
.s-title { |
||||
|
line-height: 21px; |
||||
|
margin-left:4px; |
||||
|
margin-bottom:3px; |
||||
|
font-size: 12px; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: 500; |
||||
|
color: rgb(0, 0, 0); |
||||
|
vertical-align: middle; |
||||
|
} |
||||
|
.d-group-no { |
||||
|
position: absolute; |
||||
|
right: 10px; |
||||
|
top: 3px; |
||||
|
width: 50px; |
||||
|
height: 28px; |
||||
|
vertical-align: middle; |
||||
|
text-align: center; |
||||
|
|
||||
|
img { |
||||
|
position: absolute; |
||||
|
z-index: 10; |
||||
|
left: 0; |
||||
|
top: 0; |
||||
|
width: 50px; |
||||
|
} |
||||
|
span { |
||||
|
position: relative; |
||||
|
z-index: 20; |
||||
|
vertical-align: middle; |
||||
|
font-size: 7px; |
||||
|
color: rgba(255, 255, 255, 1); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
// 爱心互助最新活动 |
||||
|
.heart_news { |
||||
|
position: relative; |
||||
|
margin-top: 10px; |
||||
|
width: 355px; |
||||
|
margin: 0 auto; |
||||
|
border-radius: 5px; |
||||
|
overflow: hidden; |
||||
|
background: rgba(255, 255, 255, 1); |
||||
|
|
||||
|
.d-cpt-title { |
||||
|
position: relative; |
||||
|
margin: 10px 10px 0 10px; |
||||
|
padding: 7px 10px 13px; |
||||
|
font-size: 17px; |
||||
|
line-height: 15px; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: bold; |
||||
|
color: rgba(51, 51, 51, 1); |
||||
|
border-bottom: 1px solid #e7eeee; |
||||
|
|
||||
|
&::before { |
||||
|
content: ""; |
||||
|
position: absolute; |
||||
|
top: 7px; |
||||
|
left: 0; |
||||
|
width: 3px; |
||||
|
height: 15px; |
||||
|
background: rgba(230, 0, 0, 1); |
||||
|
border-radius: 3px; |
||||
|
} |
||||
|
|
||||
|
.more{ |
||||
|
position: absolute; |
||||
|
top:13px; |
||||
|
right:10px; |
||||
|
font-size: 13px; |
||||
|
font-weight: normal; |
||||
|
color: rgb(151, 150, 150); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.list { |
||||
|
padding: 0 10px; |
||||
|
.item { |
||||
|
position: relative; |
||||
|
padding: 5px 0; |
||||
|
height: 140px; |
||||
|
padding-left: 110px; |
||||
|
border-bottom: 1px solid #eee; |
||||
|
&:last-child { |
||||
|
border-bottom: none; |
||||
|
} |
||||
|
> img { |
||||
|
position: absolute; |
||||
|
width: 110px; |
||||
|
height: 120px; |
||||
|
|
||||
|
left: 0; |
||||
|
top: 11px; |
||||
|
border-radius: 5px; |
||||
|
} |
||||
|
.d-news-title { |
||||
|
margin-left:7px; |
||||
|
height: 40px; |
||||
|
font-size: 16px; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: 500; |
||||
|
color: rgba(51, 51, 51, 1); |
||||
|
line-height: 20px; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
.d-news-time { |
||||
|
margin: 0 0 5px 7px; |
||||
|
font-size: 12px; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: normal; |
||||
|
color: rgb(141, 141, 141); |
||||
|
line-height: 17px; |
||||
|
overflow: hidden; |
||||
|
display: flex; |
||||
|
|
||||
|
.d-news-time-title{ |
||||
|
height: 20px ; |
||||
|
display:flex ; |
||||
|
align-items:center; |
||||
|
>img{ |
||||
|
margin-right:2px; |
||||
|
width: 12px; |
||||
|
vertical-align: bottom; |
||||
|
} |
||||
|
>span{ |
||||
|
vertical-align: bottom; |
||||
|
} |
||||
|
} |
||||
|
.d-news-time-item{ |
||||
|
font-size: 13px; |
||||
|
width: 60%; |
||||
|
color: rgb(141, 141, 141); |
||||
|
> span { |
||||
|
vertical-align: bottom; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
.d-news-adress { |
||||
|
margin: 0 0 7px 7px; |
||||
|
height: 20px; |
||||
|
font-size: 12px; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: normal; |
||||
|
color: rgb(141, 141, 141); |
||||
|
line-height: 20px; |
||||
|
overflow: hidden; |
||||
|
display:flex ; |
||||
|
align-items:center; |
||||
|
> img { |
||||
|
display: inline-block; |
||||
|
margin-right: 2px; |
||||
|
width: 12px; |
||||
|
vertical-align: bottom; |
||||
|
} |
||||
|
> span { |
||||
|
display: inline-block; |
||||
|
height: 100%; |
||||
|
max-width: 80%; |
||||
|
vertical-align: bottom; |
||||
|
} |
||||
|
} |
||||
|
.d-news-state { |
||||
|
margin: 0 0 7px 7px; |
||||
|
height: 20px; |
||||
|
font-size: 13px; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: normal; |
||||
|
color: rgb(141, 141, 141); |
||||
|
line-height: 20px; |
||||
|
overflow: hidden; |
||||
|
.d-news-state-limit{ |
||||
|
font-family: PingFang SC; |
||||
|
padding:3px 10px; |
||||
|
font-weight: 500; |
||||
|
background-color: rgb(170, 169, 169); |
||||
|
color: rgb(58, 58, 58); |
||||
|
border-radius: 90px; |
||||
|
} |
||||
|
.d-news-state-act{ |
||||
|
margin-left:10px; |
||||
|
font-family: PingFang SC; |
||||
|
padding:3px 10px; |
||||
|
font-weight: 500; |
||||
|
background-color: rgb(255, 195, 195); |
||||
|
color: rgb(255, 38, 38); |
||||
|
border-radius: 90px; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
File diff suppressed because it is too large
@ -0,0 +1,149 @@ |
|||||
|
@import "@/assets/scss/c/config.scss"; |
||||
|
@import "@/assets/scss/c/function.scss"; |
||||
|
@import "@/assets/scss/c/anime.scss"; |
||||
|
|
||||
|
// 党群议事-最新发布 |
||||
|
.issue_news { |
||||
|
position: relative; |
||||
|
margin-top: 10px; |
||||
|
|
||||
|
.d-cpt-wrap { |
||||
|
width: 355px; |
||||
|
margin: 0 auto; |
||||
|
border-radius: 5px; |
||||
|
overflow: hidden; |
||||
|
background: rgba(255, 255, 255, 1); |
||||
|
|
||||
|
.d-cpt-title { |
||||
|
position: relative; |
||||
|
margin: 10px 10px 0 10px; |
||||
|
padding: 7px 10px 13px; |
||||
|
font-size: 17px; |
||||
|
line-height: 15px; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: bold; |
||||
|
color: rgba(51, 51, 51, 1); |
||||
|
border-bottom: 1px solid #e7eeee; |
||||
|
|
||||
|
&::before { |
||||
|
content: ""; |
||||
|
position: absolute; |
||||
|
top: 7px; |
||||
|
left: 0; |
||||
|
width: 3px; |
||||
|
height: 15px; |
||||
|
background: rgba(230, 0, 0, 1); |
||||
|
border-radius: 3px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.list { |
||||
|
padding: 0 10px; |
||||
|
.item2 { |
||||
|
position: relative; |
||||
|
padding: 10px 0; |
||||
|
border-bottom: 1px solid #eee; |
||||
|
&:last-child { |
||||
|
border-bottom: none; |
||||
|
} |
||||
|
.d-news-title { |
||||
|
@include toe; |
||||
|
font-size: 17px; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: 500; |
||||
|
color: rgba(51, 51, 51, 1); |
||||
|
line-height: 24px; |
||||
|
} |
||||
|
.d-news-content { |
||||
|
@include toe; |
||||
|
padding: 3px 0; |
||||
|
font-size: 14px; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: 500; |
||||
|
color: rgba(51, 51, 51, 1); |
||||
|
line-height: 20px; |
||||
|
} |
||||
|
.d-news-info { |
||||
|
margin-top: 5px; |
||||
|
padding: 0 1px; |
||||
|
font-size: 13px; |
||||
|
line-height: 26px; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: 500; |
||||
|
color: rgba(153, 153, 153, 1); |
||||
|
overflow: hidden; |
||||
|
> img { |
||||
|
display: inline-block; |
||||
|
margin-right: 5px; |
||||
|
width: 26px; |
||||
|
vertical-align: bottom; |
||||
|
} |
||||
|
> span { |
||||
|
@include toe; |
||||
|
display: inline-block; |
||||
|
max-width: 70%; |
||||
|
vertical-align: bottom; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.item3 { |
||||
|
position: relative; |
||||
|
padding: 10px 0; |
||||
|
border-bottom: 1px solid #eee; |
||||
|
&:last-child { |
||||
|
border-bottom: none; |
||||
|
} |
||||
|
.d-news-title { |
||||
|
@include toe; |
||||
|
font-size: 17px; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: 500; |
||||
|
color: rgba(51, 51, 51, 1); |
||||
|
line-height: 24px; |
||||
|
} |
||||
|
.d-news-content { |
||||
|
@include toe; |
||||
|
padding: 3px 0; |
||||
|
font-size: 14px; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: 500; |
||||
|
color: rgba(51, 51, 51, 1); |
||||
|
line-height: 20px; |
||||
|
} |
||||
|
.d-news-info { |
||||
|
margin-top: 5px; |
||||
|
padding: 0 1px; |
||||
|
font-size: 13px; |
||||
|
line-height: 13px; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: 500; |
||||
|
color: rgba(153, 153, 153, 1); |
||||
|
overflow: hidden; |
||||
|
> img { |
||||
|
display: inline-block; |
||||
|
margin-right: 5px; |
||||
|
width: 13px; |
||||
|
vertical-align: bottom; |
||||
|
} |
||||
|
> span { |
||||
|
@include toe; |
||||
|
display: inline-block; |
||||
|
max-width: 70%; |
||||
|
vertical-align: bottom; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
@ -0,0 +1,502 @@ |
|||||
|
@import "@/assets/scss/c/config.scss"; |
||||
|
@import "@/assets/scss/c/function.scss"; |
||||
|
@import "@/assets/scss/c/anime.scss"; |
||||
|
|
||||
|
// 积分银行-积分排行 |
||||
|
.score_rank { |
||||
|
position: relative; |
||||
|
margin-top: 10px; |
||||
|
|
||||
|
.score_rank_content { |
||||
|
width: 100%; |
||||
|
// overflow-x: scroll; |
||||
|
overflow: hidden; |
||||
|
.title { |
||||
|
position: relative; |
||||
|
margin: 10px 10px 0 10px; |
||||
|
padding: 7px 10px 13px; |
||||
|
font-size: 17px; |
||||
|
line-height: 15px; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: bold; |
||||
|
color: rgba(51, 51, 51, 1); |
||||
|
|
||||
|
&::before { |
||||
|
content: ""; |
||||
|
position: absolute; |
||||
|
top: 7px; |
||||
|
left: 0; |
||||
|
width: 3px; |
||||
|
height: 15px; |
||||
|
background: rgba(230, 0, 0, 1); |
||||
|
border-radius: 3px; |
||||
|
} |
||||
|
.more{ |
||||
|
position: absolute; |
||||
|
top:13px; |
||||
|
right:10px; |
||||
|
font-size: 13px; |
||||
|
font-weight: normal; |
||||
|
color: rgb(151, 150, 150); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.rank_tabs{ |
||||
|
margin:10px 20px; |
||||
|
display: flex; |
||||
|
background: #F8F8F8; |
||||
|
border-radius: 5px; |
||||
|
height: 40px; |
||||
|
justify-content: space-around; |
||||
|
padding:5px 0; |
||||
|
|
||||
|
.tabs_1{ |
||||
|
width:28%; |
||||
|
text-align: center; |
||||
|
height: 30px; |
||||
|
background: #FFFFFF; |
||||
|
box-shadow: 0px 4px 12px 0px rgba(63, 63, 63, 0.1); |
||||
|
border-radius: 5px; |
||||
|
font-size: 15px; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: bold; |
||||
|
color: #333333; |
||||
|
line-height: 30px; |
||||
|
} |
||||
|
.tabs_2{ |
||||
|
width:28%; |
||||
|
text-align: center; |
||||
|
height: 30px; |
||||
|
font-size: 15px; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: 500; |
||||
|
color: #999999; |
||||
|
line-height: 30px; |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
} |
||||
|
} |
||||
|
|
||||
|
//积分银行-党员积分排行榜 |
||||
|
.score_party{ |
||||
|
position: relative; |
||||
|
margin-top: 10px; |
||||
|
.score_party_content { |
||||
|
width: 100%; |
||||
|
overflow: hidden; |
||||
|
.title { |
||||
|
position: relative; |
||||
|
margin: 10px 10px 0 10px; |
||||
|
padding: 7px 10px 13px; |
||||
|
font-size: 17px; |
||||
|
line-height: 15px; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: bold; |
||||
|
color: rgba(51, 51, 51, 1); |
||||
|
|
||||
|
&::before { |
||||
|
content: ""; |
||||
|
position: absolute; |
||||
|
top: 7px; |
||||
|
left: 0; |
||||
|
width: 3px; |
||||
|
height: 15px; |
||||
|
background: rgba(230, 0, 0, 1.0); |
||||
|
border-radius: 3px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.rank_tabs{ |
||||
|
margin:0px 15px 0px; |
||||
|
display: flex; |
||||
|
padding:0px 0px; |
||||
|
.rank_title_left{ |
||||
|
margin-left: 25px; |
||||
|
margin-top: 10px; |
||||
|
width:30%; |
||||
|
font-size: 16px; |
||||
|
text-align: center; |
||||
|
font-family: PingFang-SC; |
||||
|
padding:0px 0px 0px 0px; |
||||
|
font-weight: 600; |
||||
|
color: rgb(0, 0, 0); |
||||
|
} |
||||
|
.red_line{ |
||||
|
height: 3px; |
||||
|
width: 30px; |
||||
|
background-color: red; |
||||
|
position: absolute; |
||||
|
margin-left: 56px; |
||||
|
margin-top: 33px; |
||||
|
border-radius:4px; |
||||
|
} |
||||
|
.rank_title_right{ |
||||
|
margin-left: 70px; |
||||
|
margin-top: 12px; |
||||
|
width:30%; |
||||
|
font-size: 14px; |
||||
|
text-align: center; |
||||
|
font-family: PingFang-SC; |
||||
|
padding:0px 0px 0px 0px; |
||||
|
font-weight: 500; |
||||
|
color: rgb(171, 171, 171); |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
.m-box{ |
||||
|
width: 328px; |
||||
|
height:100%; |
||||
|
//height: 480px; |
||||
|
background-color: white; |
||||
|
position: relative; |
||||
|
float: left; |
||||
|
border-radius: 10px; |
||||
|
margin: 0px 15px 0 15px; |
||||
|
padding-bottom: 7px; |
||||
|
box-shadow: 0px 3px 24px 0px rgba(211, 211, 211, 0.26); |
||||
|
.line{ |
||||
|
width: 310px; |
||||
|
border-bottom: 1px solid #e7eeee; |
||||
|
margin-left: 15px; |
||||
|
margin-top: 26px; |
||||
|
margin-bottom: 7px; |
||||
|
position: relative; |
||||
|
} |
||||
|
.list6{ |
||||
|
@include list; |
||||
|
width: 60px; |
||||
|
margin-left: 145px; |
||||
|
margin-top: 20px; |
||||
|
position: relative; |
||||
|
text-align: center; |
||||
|
font-size: 13px; |
||||
|
color: #b9b9b9; |
||||
|
margin-bottom:10px; |
||||
|
font-size: PingFang-SC; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
.rank_img_score { |
||||
|
width: 327px; |
||||
|
height: 160px; |
||||
|
.item{ |
||||
|
position: relative; |
||||
|
float: left; |
||||
|
border-radius: 10px; |
||||
|
background-color: white; |
||||
|
margin-left: 0px; |
||||
|
margin-top: 15px; |
||||
|
width: 33.33%; |
||||
|
.d-group-logo { |
||||
|
position: absolute; |
||||
|
left: 8px; |
||||
|
top: 74px; |
||||
|
width: 10px; |
||||
|
height: 10px; |
||||
|
line-height: 22px; |
||||
|
text-align: center; |
||||
|
.logo1{ |
||||
|
@include img123; |
||||
|
background-color: #f14805; |
||||
|
left: 45px; |
||||
|
} |
||||
|
.logo2{ |
||||
|
@include img123; |
||||
|
background-color: #ff0606; |
||||
|
left: 36px; |
||||
|
} |
||||
|
.logo3{ |
||||
|
@include img123; |
||||
|
background-color: #ffa515; |
||||
|
left: 30px; |
||||
|
} |
||||
|
span { |
||||
|
position: absolute; |
||||
|
z-index: 10; |
||||
|
font-size: 16px; |
||||
|
font-style: italic; |
||||
|
color: white; |
||||
|
width:17px; |
||||
|
height: 17px; |
||||
|
margin-left: 50px; |
||||
|
position: absolute; |
||||
|
display: block; |
||||
|
} |
||||
|
} |
||||
|
.d-group-rank{ |
||||
|
position: absolute; |
||||
|
padding-top: 1px; |
||||
|
font-style: italic; |
||||
|
|
||||
|
.rank_1{ |
||||
|
@include shuzi_123; |
||||
|
margin-left: 58px; |
||||
|
} |
||||
|
.rank_2{ |
||||
|
@include shuzi_123; |
||||
|
margin-left: 48px; |
||||
|
} |
||||
|
.rank_3{ |
||||
|
margin-left: 43px; |
||||
|
@include shuzi_123; |
||||
|
} |
||||
|
} |
||||
|
.d-group-name{ |
||||
|
position: absolute; |
||||
|
font-family: PingFang-SC; |
||||
|
font-weight: 600; |
||||
|
.name_1{ |
||||
|
margin-left: 47px; |
||||
|
@include name_123; |
||||
|
} |
||||
|
.name_2{ |
||||
|
margin-left: 41px; |
||||
|
@include name_123; |
||||
|
} |
||||
|
.name_3{ |
||||
|
margin-left: 28px; |
||||
|
@include name_123; |
||||
|
} |
||||
|
} |
||||
|
.d-group-score{ |
||||
|
position: absolute; |
||||
|
font-family: PingFang-SC; |
||||
|
.score_1{ |
||||
|
margin-left: 50px; |
||||
|
@include jifen; |
||||
|
} |
||||
|
.score_2{ |
||||
|
margin-left: 42px; |
||||
|
@include jifen; |
||||
|
} |
||||
|
.score_3{ |
||||
|
margin-left: 36px; |
||||
|
@include jifen; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.d-group-imgback{ |
||||
|
position: absolute; |
||||
|
margin-top: 0.5px; |
||||
|
.back_1{ |
||||
|
width:75px; |
||||
|
height: 75px; |
||||
|
left: 24px; |
||||
|
top: 9.5px; |
||||
|
@include img_123; |
||||
|
} |
||||
|
.back_2{ |
||||
|
@include img_123; |
||||
|
width:88px; |
||||
|
height: 88px; |
||||
|
left: 9px; |
||||
|
top: 0px; |
||||
|
} |
||||
|
.back_3{ |
||||
|
width:75px; |
||||
|
height: 75px; |
||||
|
left: 9px; |
||||
|
top: 9.5px; |
||||
|
@include img_123; |
||||
|
} |
||||
|
} |
||||
|
.d-group-img { |
||||
|
position: relative; |
||||
|
margin-top: 10px ; |
||||
|
width: 50px; |
||||
|
height: 50px; |
||||
|
margin-left: 0px; |
||||
|
.img1{ |
||||
|
@include img_small12; |
||||
|
left: 28px; |
||||
|
right: 0; |
||||
|
bottom: 0; |
||||
|
} |
||||
|
.img2{ |
||||
|
width: 79.5px; |
||||
|
height: 79.5px; |
||||
|
position: absolute; |
||||
|
display: block; |
||||
|
top: 19px; |
||||
|
left: 13.3px; |
||||
|
right: 0; |
||||
|
bottom: 0px; |
||||
|
margin: auto; |
||||
|
border-radius: 100%; |
||||
|
} |
||||
|
.img3{ |
||||
|
@include img_small12; |
||||
|
left: 13px; |
||||
|
right: 5; |
||||
|
bottom: 5; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.rank_box{ |
||||
|
height:100%; |
||||
|
background-color: white; |
||||
|
position: relative; |
||||
|
// border-radius: 10px; |
||||
|
// margin: 0px 15px 0 15px; |
||||
|
padding-bottom: 7px; |
||||
|
// box-shadow: 0px 3px 24px 0px rgba(211, 211, 211, 0.26); |
||||
|
|
||||
|
.list_title{ |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
padding:10px 10px 0 10px; |
||||
|
margin-top: 8px; |
||||
|
text-align: center; |
||||
|
color: #b9b9b9; |
||||
|
font-size: 12px; |
||||
|
} |
||||
|
|
||||
|
.score_list{ |
||||
|
margin-top:10px; |
||||
|
padding:0 10px; |
||||
|
|
||||
|
.item{ |
||||
|
display: flex; |
||||
|
height:40px; |
||||
|
line-height: 40px; |
||||
|
display: flex; |
||||
|
justify-content: space-between; |
||||
|
margin-top: 8px; |
||||
|
text-align: center; |
||||
|
|
||||
|
.d-group-rank{ |
||||
|
text-align: center; |
||||
|
font-style: italic; |
||||
|
|
||||
|
>span{ |
||||
|
font-family: PingFang-SC; |
||||
|
font-weight: 600; |
||||
|
font-size: 16px; |
||||
|
} |
||||
|
.span_rank1{ |
||||
|
color: #E60000; |
||||
|
} |
||||
|
.span_rank2{ |
||||
|
color: #F56A24; |
||||
|
} |
||||
|
.span_rank3{ |
||||
|
color: #F6A33B; |
||||
|
} |
||||
|
} |
||||
|
.d-group-img{ |
||||
|
text-align: center; |
||||
|
>img{ |
||||
|
width: 28px; |
||||
|
height: 28px; |
||||
|
border-radius: 25px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
.score_no_border{ |
||||
|
padding:0 20px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.single{ |
||||
|
width:100%; |
||||
|
margin:10px 0; |
||||
|
display: flex; |
||||
|
justify-content: space-around; |
||||
|
|
||||
|
.single_bc{ |
||||
|
width:45%; |
||||
|
height: 140px; |
||||
|
border-radius: 5px; |
||||
|
background: linear-gradient(-54deg, rgba(255, 248, 247, 0.56), rgba(255, 215, 208, 0.56)); |
||||
|
|
||||
|
.single_name{ |
||||
|
margin:15px 0 0 10px; |
||||
|
font-size: 15px; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: bold; |
||||
|
color: #333333; |
||||
|
line-height: 23px; |
||||
|
height:35px; |
||||
|
|
||||
|
>img{ |
||||
|
width: 35px; |
||||
|
height: 35px; |
||||
|
border-radius: 50%; |
||||
|
} |
||||
|
>span{ |
||||
|
margin-left:10px; |
||||
|
line-height: 30px; |
||||
|
} |
||||
|
|
||||
|
|
||||
|
} |
||||
|
.single_rank{ |
||||
|
width:100%; |
||||
|
|
||||
|
padding:10px 5px; |
||||
|
display: flex; |
||||
|
justify-content: space-around; |
||||
|
|
||||
|
.single_rank_bc{ |
||||
|
width:45%; |
||||
|
height: 65px; |
||||
|
border-radius: 5px; |
||||
|
padding:10px; |
||||
|
|
||||
|
.score{ |
||||
|
text-align: center; |
||||
|
.span_title{ |
||||
|
font-size: 13px; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: bold; |
||||
|
color: #FFFFFF; |
||||
|
line-height: 23px; |
||||
|
} |
||||
|
|
||||
|
.span_no{ |
||||
|
font-size: 15px; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: bold; |
||||
|
color: #FFFFFF; |
||||
|
line-height: 23px; |
||||
|
} |
||||
|
} |
||||
|
.rank2_row2{ |
||||
|
text-align: center; |
||||
|
font-size: 12px; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: 500; |
||||
|
color: #FFFFFF; |
||||
|
line-height: 24px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.bc_left{ |
||||
|
background: linear-gradient(-10deg, #2F93EE, #03C7EF); |
||||
|
} |
||||
|
|
||||
|
.bc_right{ |
||||
|
background: linear-gradient(0deg, #F6A43B, #F56923); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
@ -0,0 +1,151 @@ |
|||||
|
@import "@/assets/scss/c/config.scss"; |
||||
|
@import "@/assets/scss/c/function.scss"; |
||||
|
@import "@/assets/scss/c/anime.scss"; |
||||
|
|
||||
|
// 党建声音-轮播新闻 |
||||
|
.voice_swiper { |
||||
|
position: relative; |
||||
|
|
||||
|
.d-cpt-wrap { |
||||
|
padding: 10px 10px 15px 10px; |
||||
|
background-color: #fff; |
||||
|
.d-cpt-subwrap { |
||||
|
position: relative; |
||||
|
height: 160px; |
||||
|
border-radius: 10px; |
||||
|
overflow: hidden; |
||||
|
> img { |
||||
|
width: 100%; |
||||
|
height: 160px; |
||||
|
} |
||||
|
> div { |
||||
|
position: absolute; |
||||
|
bottom: 0; |
||||
|
left: 0; |
||||
|
right: 0; |
||||
|
height: 30px; |
||||
|
padding: 0 10px; |
||||
|
line-height: 30px; |
||||
|
background: rgba(0, 0, 0, 0.26); |
||||
|
overflow: hidden; |
||||
|
|
||||
|
> span { |
||||
|
font-size: 14px; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: 500; |
||||
|
color: rgba(255, 255, 255, 1); |
||||
|
} |
||||
|
> i { |
||||
|
float: right; |
||||
|
position: relative; |
||||
|
top: 11px; |
||||
|
margin: 0 2px; |
||||
|
width: 5px; |
||||
|
height: 5px; |
||||
|
border-radius: 50%; |
||||
|
background: rgba(0, 0, 0, 0.26); |
||||
|
&.z-on { |
||||
|
background: rgba(255, 255, 255, 1); |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
// 党建声音-最新发布 |
||||
|
.voice_news { |
||||
|
position: relative; |
||||
|
margin-top: 10px; |
||||
|
|
||||
|
.content { |
||||
|
width: 355px; |
||||
|
margin: 0 auto; |
||||
|
border-radius: 5px; |
||||
|
overflow: hidden; |
||||
|
background: rgba(255, 255, 255, 1); |
||||
|
|
||||
|
.d-cpt-title { |
||||
|
position: relative; |
||||
|
margin: 10px 10px 0 10px; |
||||
|
padding: 7px 10px 13px; |
||||
|
font-size: 17px; |
||||
|
line-height: 15px; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: bold; |
||||
|
color: rgba(51, 51, 51, 1); |
||||
|
border-bottom: 1px solid #e7eeee; |
||||
|
|
||||
|
&::before { |
||||
|
content: ""; |
||||
|
position: absolute; |
||||
|
top: 7px; |
||||
|
left: 0; |
||||
|
width: 3px; |
||||
|
height: 15px; |
||||
|
background: rgba(230, 0, 0, 1); |
||||
|
border-radius: 3px; |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
.list { |
||||
|
padding: 0 10px; |
||||
|
.item { |
||||
|
position: relative; |
||||
|
padding: 10px 0; |
||||
|
border-bottom: 1px solid #eee; |
||||
|
&:last-child { |
||||
|
border-bottom: none; |
||||
|
} |
||||
|
> img { |
||||
|
position: absolute; |
||||
|
width: 100px; |
||||
|
height: 55px; |
||||
|
right: 0; |
||||
|
top: 11px; |
||||
|
border-radius: 5px; |
||||
|
} |
||||
|
.news_title { |
||||
|
margin: 7px 0; |
||||
|
width: 70%; |
||||
|
height: 40px; |
||||
|
font-size: 16px; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: 500; |
||||
|
color: rgba(51, 51, 51, 1); |
||||
|
line-height: 20px; |
||||
|
overflow: hidden; |
||||
|
} |
||||
|
.news_grid { |
||||
|
margin-top: 17px; |
||||
|
padding: 0 1px; |
||||
|
font-size: 13px; |
||||
|
line-height: 13px; |
||||
|
font-family: PingFang SC; |
||||
|
font-weight: 500; |
||||
|
color: rgba(153, 153, 153, 1); |
||||
|
overflow: hidden; |
||||
|
> img { |
||||
|
display: inline-block; |
||||
|
margin-right: 5px; |
||||
|
width: 13px; |
||||
|
vertical-align: bottom; |
||||
|
} |
||||
|
> span { |
||||
|
@include toe; |
||||
|
display: inline-block; |
||||
|
max-width: 70%; |
||||
|
vertical-align: bottom; |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
|
||||
|
} |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
Loading…
Reference in new issue