chore: 修改了CollectionEntry.vue (#382)

xh-polaris · Oct 22, 2023 · 237cf02 · 237cf02
1 parent 6562242
commit 237cf02
Show file tree

Hide file tree

Showing 4 changed files with 47 additions and 4 deletions.
diff --git a/src/pages/community/CollectionEntry.vue b/src/pages/community/CollectionEntry.vue
@@ -1,7 +1,48 @@
 <template>
-  <view></view>
+  <div class="image-container">
+    <div class="cam">
+      <navigator open-type="switchTab" url="/pages/collection/collection">
+        <img :src="Icons.View" class="overlay-image view" />
+      </navigator>
+    </div>
+
+    <div class="view">
+      <navigator open-type="switchTab" url="/pages/collection/collection">
+        <img :src="Icons.Cam" class="overlay-image cam" />
+      </navigator>
+    </div>
+  </div>
 </template>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+import { Icons } from "@/utils/url";
+</script>
+
+<style scoped lang="scss">
+.image-container {
+  position: relative;
+  width: 90vw;
+  height: 40vw;
+
+  .overlay-image {
+    position: absolute;
+    width: 90vw;
+    height: 18vw;
+
+    &.cam {
+      top: 16vw;
+      left: 5vw;
+      width: 90vw;
+      z-index: 1;
+    }
 
-<style scoped lang="scss"></style>
+    &.view {
+      top: 21vw;
+      left: 68vw;
+      width: 23vw;
+      z-index: 2;
+      height: 8.2vw;
+    }
+  }
+}
+</style>
diff --git a/src/static/images/campus_cat.png b/src/static/images/campus_cat.png
diff --git a/src/static/images/view_the_illustration.png b/src/static/images/view_the_illustration.png
diff --git a/src/utils/url.ts b/src/utils/url.ts
@@ -17,7 +17,9 @@ export const enum Icons {
   Guide = "/static/images/guide.png",
   GoBack = "/static/images/left-black.png",
   Cancel = "/static/images/cancel.png",
-  Tag = "/static/images/tag.png"
+  Tag = "/static/images/tag.png",
+  Cam = "/static/images/campus_cat.png",
+  View = "/static/images/view_the_illustration.png"
 }
 
 export const enum Pages {