feat: 修改了CollectionEntry.vue

xh-polaris · Oct 19, 2023 · cf824ed · cf824ed
1 parent 6562242
commit cf824ed
Show file tree

Hide file tree

Showing 4 changed files with 44 additions and 4 deletions.
diff --git a/src/pages/community/CollectionEntry.vue b/src/pages/community/CollectionEntry.vue
@@ -1,7 +1,45 @@
 <template>
-  <view></view>
+  <div class="image-container">
+    <div class="cam">
+      <navigator open-type="navigate" url="/pages/collection/collection">
+        <img :src="Icons.View" class="overlay-image view" />
+      </navigator>
+    </div>
+
+    <div class="view">
+      <navigator open-type="navigate" 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"></style>
+<style>
+.image-container {
+  position: relative;
+  width: 90%;
+  height: 30%;
+}
+.overlay-image {
+  position: absolute;
+  width: 90vw;
+  height: 18vw;
+}
+.cam {
+  top: 16vw;
+  left: 5vw;
+  width: 90vw;
+  z-index: 1;
+}
+.view {
+  top: 21vw;
+  left: 68vw;
+  width: 23vw;
+  z-index: 2;
+  height: 8.3vw;
+}
+</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 {