Przeglądaj źródła

添加关闭按钮

任一存 1 rok temu
rodzic
commit
78dc4ec524

BIN
src/assets/images/icon_close.png


+ 18 - 0
src/components/BtnClose.vue

@@ -0,0 +1,18 @@
+<template>
+  <button class="btn-close" />
+</template>
+
+
+<style lang="less" scoped>
+.btn-close{
+  position: absolute;
+  width: 72px;
+  height: 72px;
+  top: 40px;
+  right: 40px;
+  background-image: url(@/assets/images/icon_close.png);
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center center;
+}
+</style>

+ 4 - 0
src/components/FeedBack.vue

@@ -1,5 +1,8 @@
 <template>
   <div class="feed-back">
+    <BtnClose
+      @click="emit('close')"
+    />
     <div class="paper-wrap">
       <article class="paper">
         <h1>用户反馈</h1>
@@ -88,6 +91,7 @@
 import { ref, computed, watch, onMounted, nextTick, inject } from "vue"
 import { useRoute, useRouter } from "vue-router"
 import { useStore } from "vuex"
+import BtnClose from "./BtnClose.vue"
 
 const route = useRoute()
 const router = useRouter()

+ 4 - 0
src/views/RelicSearch.vue

@@ -1,5 +1,8 @@
 <template>
   <div class="relic-search">
+    <BtnClose
+      @click="router.go(-1)"
+    />
     <div class="search-bar">
       <input
         v-model="keyword"
@@ -61,6 +64,7 @@
 import { ref, computed, watch, onMounted, watchEffect } from "vue"
 import { useRoute, useRouter } from "vue-router"
 import { useStore } from "vuex"
+import BtnClose from '@/components/BtnClose.vue'
 
 const route = useRoute()
 const router = useRouter()