资源地图

2022-10-09 11:05:50 +08:00
parent b07607a932
commit a8d4dede1d
1 changed files with 65 additions and 0 deletions
--- 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;
+    }
+  }
+}
 </style>