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 66e2e91..5bcfa70 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 @@ -60,7 +60,8 @@ font-size: 12px; line-height: 24px; cursor: pointer; - user-select: none; + user-select: none; + overflow: hidden; &:hover { color: $c1; } @@ -135,7 +136,8 @@ bottom: 0; margin: auto; text-align: center; - color: #aaaaaa; + color: #aaaaaa; + width: 120px; height: 30px; line-height: 30px; font-size: 12px; @@ -171,6 +173,7 @@ } .mw-cpt { + position: relative; cursor: pointer; &.z-focused { @@ -239,10 +242,10 @@ } .mw-cpt-swiper { - position: relative; + position: relative; .d-cpt-wrap { - padding: 10px 10px 15px 10px; + padding: 1px 10px 15px 10px; background-color: #fff; .d-cpt-subwrap { position: relative; @@ -289,7 +292,7 @@ } .mw-cpt-new_msg { - position: relative; + position: relative; .d-cpt-wrap { width: 136px; @@ -314,11 +317,207 @@ } .mw-cpt-cnt_news { - position: relative; - + position: relative; + margin-top: 10px; + .d-cpt-wrap { + width: 355px; + margin: 0 auto; + border-radius: 5px; + overflow: hidden; background: rgba(255, 255, 255, 1); - border-radius: 10px; + .list { + padding: 0 10px; + .item { + position: relative; + padding: 15px 0; + padding-left: 105px; + height: 100px; + border-bottom: 1px solid #eee; + &:last-child { + border-bottom: none; + } + > img { + position: absolute; + width: 95px; + height: 70px; + left: 0; + top: 15px; + border-radius: 5px; + } + .d-news-title { + height: 40px; + font-size: 17px; + font-family: PingFang SC; + font-weight: 500; + color: rgba(51, 51, 51, 1); + line-height: 20px; + } + .d-news-info { + margin-top: 17px; + font-size: 11px; + font-family: PingFang SC; + font-weight: 500; + color: rgba(153, 153, 153, 1); + overflow: hidden; + span { + } + } + } + } + } + } + + .mw-cpt-cnt_menus { + position: relative; + margin-top: 10px; + + .d-cpt-wrap { + width: 355px; + margin: 0 auto; + border-radius: 5px; + overflow: hidden; + background: rgba(255, 255, 255, 1); + + .list { + padding: 15px 0 5px; + overflow: hidden; + .item { + position: relative; + float: left; + margin: 0 24px; + width: 40px; + + > img { + display: block; + width: 40px; + height: 40px; + margin-bottom: 1px; + } + + p { + width: 100px; + margin-left: -30px; + line-height: 15px; + font-size: 13px; + text-align: center; + font-family: PingFang SC; + font-weight: 500; + color: rgba(51, 51, 51, 1); + } + } + } + } + } + + .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: 15px; + 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: 16px; + font-family: PingFang SC; + font-weight: 500; + color: rgba(255, 255, 255, 1); + } + } + } } } } @@ -327,7 +526,7 @@ // @include bs1; position: absolute; z-index: 10; - top: 300px; + top: 360px; right: 0; height: 50px; width: 136px; @@ -345,6 +544,8 @@ .mw-phone-cnt { position: relative; min-height: 300px; + padding-top: 1px; + padding-bottom: 10px; } } } diff --git a/epmet-oper-web/src/views/modules/wx-mini/index-set.vue b/epmet-oper-web/src/views/modules/wx-mini/index-set.vue index e2d2d37..3722a83 100644 --- a/epmet-oper-web/src/views/modules/wx-mini/index-set.vue +++ b/epmet-oper-web/src/views/modules/wx-mini/index-set.vue @@ -152,36 +152,128 @@ :key="index" v-for="(item, index) in cntCptList">
-
{{ item.demoData.title }}
+ +
{{ item.demoData.title }}
- {{ item.demoData.content }} - 2020-01-02 + 来源：大港路党支部 + 2020-01-02 +
+
+
+ +
{{ item.demoData.title }}
+
+ 来源：大港路党支部 + 2020-01-02
-
-
- -

上移

-
-
- -

删除

+
+
+
+
+
+ +

议事厅

+
+
+ +

社群

+
+
+ +

党建声音

+
+
+ +

更多功能

+
-
- -

下移

+
+
+
+
+
+
+
+ + 1 +
+
+ +
+
{{ item.demoData.title }}
+
+ 山东路45号-张三 +
+
+ 共240人 + 党员11人 +
+
加入
+
+
+
+ + 1 +
+
+ +
+
{{ item.demoData.title }}
+
+ 山东路45号-张三 +
+
+ 共240人 + 党员11人 +
+
加入
+
+
+
+ + 1 +
+
+ +
+
{{ item.demoData.title }}
+
+ 山东路45号-张三 +
+
+ 共240人 + 党员11人 +
+
加入
+
+
+
+ +

上移

+
+
+ +

删除

+
+
+ +

下移

+
+
@@ -341,7 +433,7 @@ export default { componentName: '热门群', componentFrontId: 'recommendGroupSlider', configuration: { - bgc: '#eee' + bgc: '#fff' }, demoData: { title: '我是标题', @@ -354,7 +446,7 @@ export default { componentName: '新闻列表', componentFrontId: 'hotSubjectList', configuration: { - bgc: '#eee' + bgc: '#fff' }, demoData: { title: '我是标题',