diff --git a/src/assets/images/index/bubble.png b/src/assets/images/index/bubble.png new file mode 100644 index 000000000..023035290 Binary files /dev/null and b/src/assets/images/index/bubble.png differ diff --git a/src/assets/images/index/title-icon-cljz.png b/src/assets/images/index/title-icon-cljz.png new file mode 100644 index 000000000..f24849021 Binary files /dev/null and b/src/assets/images/index/title-icon-cljz.png differ diff --git a/src/assets/scss/modules/shequzhili/event-info.scss b/src/assets/scss/modules/shequzhili/event-info.scss index ab2b0cc79..922683d66 100644 --- a/src/assets/scss/modules/shequzhili/event-info.scss +++ b/src/assets/scss/modules/shequzhili/event-info.scss @@ -119,8 +119,10 @@ .div-btn{ margin-top:50px; display: flex; - justify-content: center; - + justify-content: right; + position: absolute; + bottom: 20px; + width: calc(100% - 40px); .item_btn { font-size: 14px; padding: 8px 16px; @@ -222,7 +224,6 @@ padding-left: 15px; .line{ - text-decoration:underline; color: #3e8ef7; } .line:hover{ @@ -339,9 +340,8 @@ margin-left: 50px/2; padding: 0 0 0 30px/2; width: 680px/2; - border-left: 3px solid #0c81fe; padding-right: 10px; - + margin-left: 10px; &::before { content: ""; position: absolute; @@ -353,7 +353,7 @@ height: 20px/2; background-color: #333; } - + .item { position: relative; z-index: 2; @@ -361,6 +361,7 @@ padding-bottom: 8px; font-size: 16px; font-family: PingFang SC; + border-left: 1px solid #E6F0FF;; font-weight: 400; color: #333; line-height: 24px; @@ -375,15 +376,23 @@ left: -11px; width: 18px; height: 18px; - background: #0c81fe; - border: 4px solid lighten(#0c81fe, 15); + background: #ffffff; + padding: 5px; + border: 1px solid #0056d6; border-radius: 100%; } &.z-on { - &::before { - background: #e08400; - border-color: lighten(#e08400, 15); + &::after { + content: ""; + display: block; + position: absolute; + top: -1px; + left: -7px; + width: 10px; + height: 10px; + background: #0056d6; + border-radius: 100%; } } @@ -401,15 +410,14 @@ .name { position: relative; - padding: 0 10px; font-size: 12px; font-family: PingFang SC; font-weight: 500; - color: #fff; line-height: 22px; height: 22px; - border-radius: 10px 0 10px 0; - background-color: #0c81fe; + color: #0056d6; + // border-radius: 10px 0 10px 0; + // background-color: #0c81fe; // background-color: #e08400; } @@ -418,7 +426,7 @@ font-size: 12px; font-family: PingFang SC; font-weight: 500; - color: #7ca1d2; + color: rgba(0,0,0,0.45); line-height: 25px; } diff --git a/src/views/modules/shequzhili/event/cpts/event-detail.vue b/src/views/modules/shequzhili/event/cpts/event-detail.vue index cb88506df..39b561599 100644 --- a/src/views/modules/shequzhili/event/cpts/event-detail.vue +++ b/src/views/modules/shequzhili/event/cpts/event-detail.vue @@ -1,8 +1,8 @@