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"> -
最新议题
@@ -28,7 +28,7 @@
-
结案项目
@@ -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"> -
-
-
积分排行榜
-
- 总排名 - 本周排名 - 本月排名 +
+
积分排名 +
查看更多
-
-
- +
+ + +
+
+
积分排名 +
查看更多
+
+
+
+ +
+ + {{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}}
-
+
{{subitem.score}}
@@ -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 { } } - +