diff --git a/project/pengliuyang/apps/AppCommunityResource/components/resourceMap.vue b/project/pengliuyang/apps/AppCommunityResource/components/resourceMap.vue index 73f19d16..139f6199 100644 --- a/project/pengliuyang/apps/AppCommunityResource/components/resourceMap.vue +++ b/project/pengliuyang/apps/AppCommunityResource/components/resourceMap.vue @@ -480,4 +480,69 @@ export default { margin-right: 8px; } } +::v-deep .polymeric { + display: flex; + position: relative; + align-items: center; + justify-content: center; + width: 62px; + height: 62px; + border-radius: 50%; + cursor: pointer; + user-select: none; + + &.polymeric-active { + .polymeric-container { + background: #F46159; + } + + &::after { + background-color: #F46159; + } + } + + &::after { + // position: absolute; + // z-index: -1; + // width: 62px; + // height: 62px; + // border-radius: 50%; + // -webkit-animation: warn 1s ease-out 0s infinite; + // animation: warn 1s ease-out 0s infinite; + // background-color: rgba(15, 143, 100, 1); + // transform: translate(-50%, -50%); + // content: " "; + } + + .polymeric-container { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + width: 62px; + height: 62px; + border-radius: 50%; + background: rgba(15, 143, 100, 1); + + p { + text-align: center; + width: 58px; + color: #fff; + font-size: 18px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + p:first-child{ + font-size: 14px; + } + + h2 { + color: #fff; + font-weight: normal; + font-size: 12px; + } + } +}