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