diff --git a/epmet-oper-web/src/assets/img/modules/wx-mini/index-set/page/news-pic2.png b/epmet-oper-web/src/assets/img/modules/wx-mini/index-set/page/news-pic2.png
new file mode 100644
index 0000000..505304b
Binary files /dev/null and b/epmet-oper-web/src/assets/img/modules/wx-mini/index-set/page/news-pic2.png differ
diff --git a/epmet-oper-web/src/assets/scss/modules/wx-mini/group.scss b/epmet-oper-web/src/assets/scss/modules/wx-mini/group.scss
index b32e79a..85f617d 100644
--- a/epmet-oper-web/src/assets/scss/modules/wx-mini/group.scss
+++ b/epmet-oper-web/src/assets/scss/modules/wx-mini/group.scss
@@ -58,6 +58,7 @@
}
.no{
+ text-align: center;
font-size: 13px;
font-family: PingFang SC;
font-weight: bold;
@@ -129,91 +130,7 @@
}
}
- .d-group-no {
- position: absolute;
- left: 10px;
- top: 0;
- width: 25px;
- height: 21px;
- line-height: 21px;
- text-align: center;
-
- img {
- position: absolute;
- z-index: 10;
- display: block;
- left: 0;
- top: 0;
- width: 25px;
- }
- span {
- position: relative;
- z-index: 20;
- font-size: 14px;
- font-family: PingFang SC;
- font-weight: bold;
- font-style: italic;
- color: rgba(255, 255, 255, 1);
- }
- }
- .d-group-avatar {
- position: relative;
- margin: 30px auto 5px;
- width: 60px;
- height: 60px;
- padding: 4px;
- overflow: hidden;
- border-radius: 100%;
- box-shadow: 0px 3px 24px 0px rgba(211, 211, 211, 0.26);
-
- img {
- position: absolute;
- display: block;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- margin: auto;
- width: 52px;
- height: 52px;
- border-radius: 100%;
- }
- }
- .d-group-name {
- @include toe;
- width: 120px;
- margin: 0 auto;
- text-align: center;
- font-size: 17px;
- font-family: PingFang SC;
- font-weight: 500;
- color: rgba(51, 51, 51, 1);
- line-height: 21px;
- }
- .d-group-info {
- @include toe;
- width: 140px;
- margin: 0 auto;
- text-align: center;
- font-size: 13px;
- font-family: PingFang SC;
- font-weight: 500;
- color: rgba(102, 102, 102, 1);
- line-height: 21px;
- }
- .d-group-btn {
- margin: 10px auto 20px;
- width: 65px;
- height: 25px;
- line-height: 25px;
- background: rgba(255, 76, 82, 1);
- border-radius: 25px;
- text-align: center;
- font-size: 14px;
- font-family: PingFang SC;
- font-weight: 500;
- color: rgba(255, 255, 255, 1);
- }
+
}
}
}
diff --git a/epmet-oper-web/src/assets/scss/modules/wx-mini/heart.scss b/epmet-oper-web/src/assets/scss/modules/wx-mini/heart.scss
new file mode 100644
index 0000000..6c7b468
--- /dev/null
+++ b/epmet-oper-web/src/assets/scss/modules/wx-mini/heart.scss
@@ -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;
+ }
+ }
+ }
+ }
+}
+
+
+
+
+
+
diff --git a/epmet-oper-web/src/assets/scss/modules/wx-mini/index-set.scss b/epmet-oper-web/src/assets/scss/modules/wx-mini/index-set.scss
index de87190..095363c 100644
--- a/epmet-oper-web/src/assets/scss/modules/wx-mini/index-set.scss
+++ b/epmet-oper-web/src/assets/scss/modules/wx-mini/index-set.scss
@@ -129,10 +129,10 @@
position: relative;
margin: 0 auto;
width: 375px;
- height: 560px;
+ height: 700px;
overflow: auto;
background-color: #ffffff;
- background-color: #f7f6f9;
+ // background-color: #f7f6f9;
box-shadow: 0 5px 15px 1px rgba(0, 0, 0, 0.2);
.mw-phone-topbar {
@@ -277,130 +277,6 @@
color: rgba(255, 76, 82, 1);
}
-
- .mw-cpt-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);
- }
- }
- }
- }
- }
- }
-
- .mw-cpt-banner {
- position: relative;
- margin-top: 10px;
- .d-cpt-wrap {
- padding: 10px 10px 15px 10px;
- background-color: rgba(233, 233, 233, 0.26);
- .d-cpt-subwrap {
- 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);
- }
- }
-
- }
- }
- }
- }
-
.mw-cpt-new_msg {
position: relative;
@@ -425,358 +301,7 @@
}
}
}
-
- .mw-cpt-cnt_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;
- .item {
- position: relative;
- padding: 10px 0;
- padding-left: 110px;
- border-bottom: 1px solid #eee;
- &:last-child {
- border-bottom: none;
- }
- > img {
- position: absolute;
- width: 100px;
- height: 55px;
- left: 0;
- top: 11px;
- border-radius: 5px;
- }
- .d-news-title {
- margin: 7px 0;
- 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-info {
- margin-top: 17px;
- margin-left: -110px;
- 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;
- }
- }
- }
-
- .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;
- }
- }
- }
-
-
- }
-
- }
- }
- // 爱心互助最新活动
- .mw-cpt-heart_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;
- }
-
- .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;
- }
- }
- }
- }
- }
- }
-
.mw-cpt-cnt_menus {
position: relative;
margin-top: 10px;
@@ -888,128 +413,6 @@
}
}
-
- // 积分银行积分排行
- .mw-cpt-score_rank {
- position: relative;
- margin-top: 10px;
-
- .d-cpt-wrap {
- width: 100%;
- // overflow-x: scroll;
- overflow: hidden;
- .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;
- }
- }
-
- .rank_title{
- margin:10px 20px;
- display: flex;
- .rank_title_total{
- margin-right:20px;
- width:33%;
- font-size: 15px;
- text-align: center;
- font-family: PingFang SC;
- padding:3px 10px;
- font-weight: 500;
- background-color: rgba(239, 60, 61, 1);
- color: rgb(255, 255, 255);
- border-radius: 90px;
- }
- .rank_title_week{
- width:33%;
- margin-right:20px;
- font-size: 15px;
- text-align: center;
- font-family: PingFang SC;
- padding:3px 10px;
- font-weight: 500;
- background-color: rgb(255, 255, 255);
- color: rgb(0, 0, 0);
- border-radius: 90px;
- border-color: rgb(139, 139, 139);
- border-width: 1px;
- border-style: solid;
- }
- .rank_title_month{
- width:33%;
- font-size: 15px;
- text-align: center;
- font-family: PingFang SC;
- padding:3px 10px;
- font-weight: 500;
- background-color: rgb(255, 255, 255);
- color: rgb(0, 0, 0);
- border-radius: 90px;
- border-color: rgb(139, 139, 139);
- border-width: 1px;
- border-style: solid;
- }
- }
-
- .list {
- margin:10px 15px;
- .item {
- margin:8px 0;
- padding:8px 0;
- background-color: #ffffff;
- width: 100%;
- display:flex;
- height: 40px ;
- align-items:center;
- .logo {
- width:10%;
- height: 21px;
- line-height: 21px;
- text-align: center;
- >img{
- width: 25px;
- }
- >span{
- font-size: 14px;
- text-align: center;
- }
-
- }
- .name {
- width:70%;
- z-index: 10;
- vertical-align: bottom;
- }
- .score {
- width:20%;
- z-index: 20;
- font-size: 14px;
- font-family: PingFang SC;
- font-weight: bold;
- font-style: italic;
- }
-
-
- }
- }
- }
- }
}
}
@@ -1095,383 +498,3 @@
-o-border-radius: 50%;
}
}
-
-//党员积分排行榜
-
-.mw-cpt-party{
- position: relative;
- margin-top: 10px;
- .d-cpt-wrap {
- width: 100%;
- overflow: hidden;
- .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.0);
- border-radius: 3px;
- }
- }
-
- .rank_title{
- 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{
- margin:0px 0px ;
- .title_list{
- display: flex; //弹性布局,所有的子元素自动成为容器成员
- >span{
- margin-left: 40px;
- width:30%;
- font-size: 15px;
- text-align: center;
- font-family: PingFang SC;
- padding:5px 10px;
- font-weight: 300;
- color: rgb(0, 0, 0);
- }
- }
- .list {
- 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;
- }
- }
- }
- }
- }
-
-
-
-
-
- .list-more{
- .list1{
- @include list;
- width: 400px;
- padding-left: 10px;
- margin-top: 4px;
- position: absolute;
- font-family: PingFang-SC;
-
- .list_1{
- float: left;
-
- width: 48px;
- padding-right: 20px;
- @include list_12;
- }
- .list_2{
- float: left;
- padding-left: 40px;
- margin-left: 74px;
- width: 100px;
- @include list_12;
- }
- }
-
- }
- .rank_more_score{
- .list{
- .item{
- display: flex;
-
-
- .d-group-rank{
-
- padding:14px;
- text-align: center;
- font-style: italic;
- padding-top: 30px;
- padding-left: 15px;
-
- >span{
- font-family: PingFang-SC;
- font-weight: 600;
- position: absolute;
- margin-top: 5px;
- font-size: 16px;
- }
- }
- .d-group-img{
-
-
- text-align: center;
- padding-top: 25px;
- padding-left: 22px;
-
-
- >img{
- width: 28px;
- height: 28px;
- border-radius: 25px;
- position: absolute;
- margin-left: 5px;
- margin-top: 5px;
-
- }
-
- }
- .d-group-name{
- margin-left: 2px;
- margin-top: 5px;
- padding-top: 30px;
- padding-left: 105px;
- position: absolute;
- font-family: PingFang-SC;
- font-weight: 600;
- }
- .d-group-score{
-
-
- padding-top: 30px;
- padding-left: 220px;
-
- >span{
- margin-top: 5px;
- padding: 0px;
- font-family: PingFang-SC;
- position: absolute;
- }
- }
-
- }
- }
- }
-
-
-
- }
-
- }
-}
\ No newline at end of file
diff --git a/epmet-oper-web/src/assets/scss/modules/wx-mini/issue.scss b/epmet-oper-web/src/assets/scss/modules/wx-mini/issue.scss
new file mode 100644
index 0000000..3a48db3
--- /dev/null
+++ b/epmet-oper-web/src/assets/scss/modules/wx-mini/issue.scss
@@ -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;
+ }
+ }
+ }
+
+
+ }
+
+ }
+}
+
+
+
+
+
+
+
diff --git a/epmet-oper-web/src/assets/scss/modules/wx-mini/more copy.scss b/epmet-oper-web/src/assets/scss/modules/wx-mini/more copy.scss
index 5b6317a..7c6791f 100644
--- a/epmet-oper-web/src/assets/scss/modules/wx-mini/more copy.scss
+++ b/epmet-oper-web/src/assets/scss/modules/wx-mini/more copy.scss
@@ -2,130 +2,6 @@
@import "@/assets/scss/c/function.scss";
@import "@/assets/scss/c/anime.scss";
-// 党建声音-轮播新闻
-.mw-cpt-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);
- }
- }
- }
- }
- }
-}
-
-// 爱心互助-banner
-.mw-cpt-banner {
- position: relative;
- margin-top: 10px;
- .d-cpt-wrap {
- padding: 10px 10px 15px 10px;
- background-color: rgba(233, 233, 233, 0.26);
- .d-cpt-subwrap {
- 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);
- }
- }
-
- }
- }
- }
-}
// 我的消息
.mw-cpt-new_msg {
@@ -153,358 +29,6 @@
}
}
-// 党建声音-最新发布
-.mw-cpt-cnt_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;
- .item {
- position: relative;
- padding: 10px 0;
- padding-left: 110px;
- border-bottom: 1px solid #eee;
- &:last-child {
- border-bottom: none;
- }
- > img {
- position: absolute;
- width: 100px;
- height: 55px;
- left: 0;
- top: 11px;
- border-radius: 5px;
- }
- .d-news-title {
- margin: 7px 0;
- 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-info {
- margin-top: 17px;
- margin-left: -110px;
- 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;
- }
- }
- }
-
- .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;
- }
- }
- }
-
-
- }
-
- }
-}
-
-// 爱心互助最新活动
-.mw-cpt-heart_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;
- }
-
- .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;
- }
- }
- }
- }
- }
-}
-
// 更多功能1
.mw-cpt-cnt_menus {
position: relative;
@@ -740,117 +264,6 @@
}
}
-//楼院小组-推荐小组
-.mw-cpt-cnt_groups {
- position: relative;
- margin-top: 10px;
-
- .d-cpt-wrap {
- width: 100%;
- // overflow-x: scroll;
- overflow: hidden;
-
- .list {
- width: 1000px;
- overflow: hidden;
- .item {
- position: relative;
- float: left;
- border-radius: 10px;
- background-color: #ffffff;
- margin-left: 10px;
- width: 150px;
- box-shadow: 0px 3px 24px 0px rgba(211, 211, 211, 0.26);
-
- .d-group-no {
- position: absolute;
- left: 10px;
- top: 0;
- width: 25px;
- height: 21px;
- line-height: 21px;
- text-align: center;
-
- img {
- position: absolute;
- z-index: 10;
- display: block;
- left: 0;
- top: 0;
- width: 25px;
- }
- span {
- position: relative;
- z-index: 20;
- font-size: 14px;
- font-family: PingFang SC;
- font-weight: bold;
- font-style: italic;
- color: rgba(255, 255, 255, 1);
- }
- }
- .d-group-avatar {
- position: relative;
- margin: 30px auto 5px;
- width: 60px;
- height: 60px;
- padding: 4px;
- overflow: hidden;
- border-radius: 100%;
- box-shadow: 0px 3px 24px 0px rgba(211, 211, 211, 0.26);
-
- img {
- position: absolute;
- display: block;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0;
- margin: auto;
- width: 52px;
- height: 52px;
- border-radius: 100%;
- }
- }
- .d-group-name {
- @include toe;
- width: 120px;
- margin: 0 auto;
- text-align: center;
- font-size: 17px;
- font-family: PingFang SC;
- font-weight: 500;
- color: rgba(51, 51, 51, 1);
- line-height: 21px;
- }
- .d-group-info {
- @include toe;
- width: 140px;
- margin: 0 auto;
- text-align: center;
- font-size: 13px;
- font-family: PingFang SC;
- font-weight: 500;
- color: rgba(102, 102, 102, 1);
- line-height: 21px;
- }
- .d-group-btn {
- margin: 10px auto 20px;
- width: 65px;
- height: 25px;
- line-height: 25px;
- background: rgba(255, 76, 82, 1);
- border-radius: 25px;
- text-align: center;
- font-size: 14px;
- font-family: PingFang SC;
- font-weight: 500;
- color: rgba(255, 255, 255, 1);
- }
- }
- }
- }
-}
diff --git a/epmet-oper-web/src/assets/scss/modules/wx-mini/score.scss b/epmet-oper-web/src/assets/scss/modules/wx-mini/score.scss
new file mode 100644
index 0000000..af69605
--- /dev/null
+++ b/epmet-oper-web/src/assets/scss/modules/wx-mini/score.scss
@@ -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);
+ }
+ }
+ }
+
+
+}
+
+
+
diff --git a/epmet-oper-web/src/assets/scss/modules/wx-mini/voice.scss b/epmet-oper-web/src/assets/scss/modules/wx-mini/voice.scss
new file mode 100644
index 0000000..b654f56
--- /dev/null
+++ b/epmet-oper-web/src/assets/scss/modules/wx-mini/voice.scss
@@ -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;
+ }
+ }
+ }
+
+ }
+
+ }
+}
+
+
+
+
+
diff --git a/epmet-oper-web/src/components/wx-index/cpt-item.vue b/epmet-oper-web/src/components/wx-index/cpt-item.vue
index 0059a1d..b0bbd8a 100644
--- a/epmet-oper-web/src/components/wx-index/cpt-item.vue
+++ b/epmet-oper-web/src/components/wx-index/cpt-item.vue
@@ -43,7 +43,8 @@
-
+
diff --git a/epmet-oper-web/src/components/wx-index/group.vue b/epmet-oper-web/src/components/wx-index/group.vue
index 0c7f447..658cbc1 100644
--- a/epmet-oper-web/src/components/wx-index/group.vue
+++ b/epmet-oper-web/src/components/wx-index/group.vue
@@ -44,30 +44,7 @@
参观
-
+
diff --git a/epmet-oper-web/src/components/wx-index/heart.vue b/epmet-oper-web/src/components/wx-index/heart.vue
index 501a37d..7327d46 100644
--- a/epmet-oper-web/src/components/wx-index/heart.vue
+++ b/epmet-oper-web/src/components/wx-index/heart.vue
@@ -6,110 +6,104 @@
@click="focusCpt">
-
-
-
-
![]()
-

-
-

-
{{ item.demoData.title }}
-
-
-
-

-
{{'点击进入'}}
-
+
+
+
![]()
+

+
+

+
{{ item.demoData.title }}
+
+
+
+

+
{{'点击进入'}}
-
-
-
-
-
-
![]()
-

-
{{ subitem.title }}
-
-
-

-
活动时间:
-
-
- {{ subitem.time1 }}
- {{ subitem.time2 }}
-
-
-
-
+
+
+
+
![]()
+

+
{{ subitem.title }}
+
+

-
活动地点:{{ subitem.adress }}
-
+
活动时间:
-
-
活动名额 12人
-
已报名 9人
-
+
+ {{ subitem.time1 }}
+ {{ subitem.time2 }}
+
+

+
活动地点:{{ subitem.adress }}
+
+
+
+ 活动名额 12人
+ 已报名 9人
+
+
+
-
-
-
-
-
-
![]()
-

-
{{ subitem.title }}
-
-
-

-
活动时间:
-
-
- {{ subitem.time1 }}
- {{ subitem.time2 }}
-
-
-
-
+
+
+
+
![]()
+

+
{{ subitem.title }}
+
+

-
活动地点:{{ subitem.adress }}
-
+
活动时间:
+
+ {{ subitem.time1 }}
+ {{ subitem.time2 }}
+
+
+
+
+

+
活动地点:{{ subitem.adress }}
+
-
+
-
+
diff --git a/epmet-oper-web/src/components/wx-index/issue.vue b/epmet-oper-web/src/components/wx-index/issue.vue
index a96f94d..0047ca0 100644
--- a/epmet-oper-web/src/components/wx-index/issue.vue
+++ b/epmet-oper-web/src/components/wx-index/issue.vue
@@ -5,7 +5,7 @@
@click="focusCpt">
-
-
结案项目
@@ -72,4 +72,4 @@ export default {
}
}
-
+
diff --git a/epmet-oper-web/src/components/wx-index/score.vue b/epmet-oper-web/src/components/wx-index/score.vue
index 36cda6e..0589815 100644
--- a/epmet-oper-web/src/components/wx-index/score.vue
+++ b/epmet-oper-web/src/components/wx-index/score.vue
@@ -5,132 +5,273 @@
@click="focusCpt">
-
-
-
积分排行榜
-
-
总排名
-
本周排名
-
本月排名
+
+
-
-
-
-
![]()
-

-

-

-
-
{{ subitem.subindex }}
+
+
+ 总排名
+ 本周排名
+ 本月排名
+
+
+
+
+
+
+
+
+ {{subitem.rank}}
+ {{subitem.rank}}
+ {{subitem.rank}}
+ {{subitem.rank}}
+
+
+
+ {{subitem.name}}
+
+
+ {{subitem.score}}
+
+
-
{{ subitem.name }}
-
{{ subitem.score }}
+
+
+
+
+
+
+
+
+
+
+
+
+

+
{{item.demoData.info1.title1}}
+
+
+
+
+
+ No.
+ {{item.demoData.info1.no1}}
+
+
支部排名
+
+
+
+ No.
+ {{item.demoData.info1.no2}}
+
+
平台排名
+
+
+
+
+
+
+ {{item.demoData.info2.title1}}
+
+
+
+
+
+ No.
+ {{item.demoData.info1.no1}}
+
+
本区排名
+
+
+
+ No.
+ {{item.demoData.info1.no2}}
+
+
平台排名
+
+
+
+
+ 身边党员
+ 社区党员
+ 平台党员
+
+
+
+
+
+
+
+
+ {{subitem.rank}}
+ {{subitem.rank}}
+ {{subitem.rank}}
+ {{subitem.rank}}
+
+
+
+ {{subitem.name}}
+
+
+ {{subitem.score}}
+
+
+
+
+
-
-
-
党员积分排行榜
+
+
党员积分排名
-
+
+
-
-
-
-
+
+
+
-
-
2
-
1
-
3
+
+ 2
+ 1
+ 3
-
+
-
-
+
+
-
- {{subitem.title1}}
- {{subitem.title2}}
- {{subitem.title3}}
-
+
+ {{subitem.title1}}
+ {{subitem.title2}}
+ {{subitem.title3}}
+
-
+
- {{subitem.info1}}
- {{subitem.info2}}
- {{subitem.info3}}
+ {{subitem.info1}}
+ {{subitem.info2}}
+ {{subitem.info3}}
-
-
-
-
- - 排名
- - 头像
- - 姓名
- - 当月积分
-
-
-
-
-
+
+
+
+
@@ -138,23 +279,26 @@
{{subitem.rank}}
-
+
{{subitem.name}}
-
@@ -185,6 +329,9 @@ export default {
isFocused: Boolean,
item: Object
},
+ mounted () {
+ console.log(this.item)
+ },
methods: {
focusCpt () {
@@ -193,4 +340,4 @@ export default {
}
}
-
+
diff --git a/epmet-oper-web/src/components/wx-index/voice.vue b/epmet-oper-web/src/components/wx-index/voice.vue
index aedf997..b05d0bc 100644
--- a/epmet-oper-web/src/components/wx-index/voice.vue
+++ b/epmet-oper-web/src/components/wx-index/voice.vue
@@ -6,7 +6,7 @@
@click="focusCpt">
-
@@ -14,32 +14,32 @@
:src="item.demoData.pic">

-
+
-
-
+
党建声音
+
{{ subitem.title }}

-
{{ subitem.title }}
-
+ src="@/assets/img/modules/wx-mini/index-set/page/news-pic2.png">
+
来源:{{ subitem.author }}
{{ subitem.date }}
@@ -49,9 +49,9 @@
-
-
+
党建声音

-
{{ subitem.title }}
-
+
{{ subitem.title }}
+
来源:{{ subitem.author }}
{{ subitem.date }}
@@ -96,4 +96,4 @@ export default {
}
}
-
+