diff --git a/epmet-oper-web/src/assets/scss/modules/wx-mini/extended.scss b/epmet-oper-web/src/assets/scss/modules/wx-mini/extended.scss index c0dca7b..f74814c 100644 --- a/epmet-oper-web/src/assets/scss/modules/wx-mini/extended.scss +++ b/epmet-oper-web/src/assets/scss/modules/wx-mini/extended.scss @@ -37,72 +37,150 @@ } // 更多功能2 -.mw-cpt-cnt_function2 { - position: relative; - margin-top: 10px; +.extended_more2 { + border-radius: 10px; + // overflow-x: scroll; + overflow: hidden; + margin: 10px 13px; + padding:0 0 13px 0; + background-color: white; - .d-cpt-wrap { - border-radius: 10px; - // overflow-x: scroll; - overflow: hidden; - margin: 0 13px; - padding:0 0 13px 0; - background-color: white; + .link { + width: 100%; + position: relative; - .link { - width: 100%; + .link-item{ + display: inline; position: relative; - .link-item{ - display: inline; - position: relative; - - > img { - width:45%; - // width: 308px; - margin: 8px; - // height: 160px; - border-radius: 10px; - } - span { - position: absolute; - top: -10px; - left: 20px; - color: #fff; - font-size: 15px; - font-family: PingFang SC; - font-weight: bold; - color: #ffffff; - } + > img { + width:45%; + // width: 308px; + margin: 8px; + // height: 160px; + border-radius: 10px; + } + span { + position: absolute; + top: -10px; + left: 20px; + color: #fff; + font-size: 15px; + font-family: PingFang SC; + font-weight: bold; + color: #ffffff; } + } + + + } + + .dots { + position: absolute; + bottom: 10px; + left: 0; + right: 0; + width: 100%; + display: flex; + justify-content: center; + + .dot { + margin: 0 5px; + width: 20px; + height: 4px; + border-radius: 6px; + background-color: #ddd; + transition: all ease $ad1; - + &.z-on { + background-color: $c1; + } } + } + +} + +//问卷调查 +.extended_question{ + margin:10px 10px; + background: #FFFFFF; + box-shadow: 0px 4px 29px 0px rgba(63, 63, 63, 0.1); + border-radius: 10px; + height: 60px; + padding:10px; + line-height: 40px; + + .left_title{ + width: 40px; + float: left; + font-size: 17px; + font-family: PangMenZhengDao; + font-weight: 400; + font-style: italic; + color: #E2281B; + line-height: 20px; + background: linear-gradient(0deg, #F6A43B 0%, #F56923 100%); + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + } + .center_content{ + width: 70%; + float: left; + margin-left:10px; + font-size: 17px; + font-family: PingFang SC; + font-weight: 500; + color: #3F3F3F; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + } + .right_more{ + width: 34px; + float: right; + line-height: 20px; + font-size: 13px; + font-family: PingFang SC; + font-weight: 500; + color: #999999; + } +} + +//快捷入口 +.extended_quick { + margin-top: 10px; + background: rgba(255, 255, 255, 1); + + .more_list { + padding:20px 10px; + display: flex; + justify-content: flex-start; + flex-wrap:wrap; - .dots { - position: absolute; - bottom: 10px; - left: 0; - right: 0; - width: 100%; + + .more_item { + width:25%; display: flex; - justify-content: center; - - .dot { - margin: 0 5px; - width: 20px; - height: 4px; - border-radius: 6px; - background-color: #ddd; - transition: all ease $ad1; - - &.z-on { - background-color: $c1; - } + flex-direction: column; + text-align: center; + + img { + width: 40px; + height: 40px; + margin-bottom: 1px; + } + + p { + font-size: 13px; + text-align: center; + font-family: PingFang SC; + font-weight: 500; + color: rgba(51, 51, 51, 1); } } } } + \ No newline at end of file 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 e7f8dea..6053469 100644 --- a/epmet-oper-web/src/components/wx-index/cpt-item.vue +++ b/epmet-oper-web/src/components/wx-index/cpt-item.vue @@ -50,9 +50,11 @@ :isFocused=isFocused> - +
- {{'建议直通车'}}
-
- {{'建议直通车'}}
-
+ {{'建议直通车'}}
+ {{'建议直通车'}}
{{ subitem.name }}
+