feat: 保存

src/components/exhibitionBox.vue

@@ -88,10 +88,10 @@ const pureText = computed(() => (content) => {
 
 <style lang="scss" scoped>
 .n-card.exhibition-box {
-  --n-title-font-weight: 600 !important;
-  --n-title-font-size: 1.75rem !important;
-  --n-padding-top: 1rem !important;
-  --n-padding-bottom: 1.25rem !important;
+  --n-title-font-weight: 600;
+  --n-title-font-size: 1.75rem;
+  --n-padding-top: 1rem;
+  --n-padding-bottom: 1.25rem;
   border-radius: 1.875rem;
   // box-shadow: var(--main-box-shadow);
   cursor: pointer;
@@ -159,3 +159,4 @@ const pureText = computed(() => (content) => {
   }
 }
 </style>
+

src/style.css

@@ -126,10 +126,10 @@ body,
 }
 /* .tab-content */
 .page:not(.home) .main .content .n-tabs {
-  --n-tab-font-size: 1.25rem !important;
-  --n-tab-gap: 120px !important;
-  --n-pane-padding-top: 3.125rem !important;
-  --n-pane-padding-bottom: 3.125rem !important;
+  --n-tab-font-size: 1.25rem;
+  --n-tab-gap: 120px;
+  --n-pane-padding-top: 3.125rem;
+  --n-pane-padding-bottom: 3.125rem;
   height: 100%;
   overflow: hidden;
 }

src/views/collect.vue

@@ -11,10 +11,6 @@
           </template>
           <template #suffix>
             <span class="input-container">
-              <!-- <n-input
-                v-model:value="inputValue"
-                placeholder="请输入要搜索的藏品"
-              /> -->
               <n-input-group round>
                 <n-input
                   round

src/views/exhibition-detail.vue

@@ -20,9 +20,9 @@
             <h3 class="title">{{ detail.name }}</h3>
             <div class="label-container">
               <div class="label-list">
-                <span>{{ detail.address }}</span>
+                <span v-if="detail.address">{{ detail.address }}</span>
                 <span v-if="detail.type">{{ typeLabel(detail.type) }}</span>
-                <span>{{ detail.publishDate }}</span>
+                <span v-if="detail.publishDate" >{{ detail.publishDate }}</span>
               </div>
             </div>
 

src/views/exhibition.vue

@@ -139,10 +139,8 @@ const onLoadMore = useThrottleFn(async () => {
 
 <style lang="scss" scoped>
 :deep(.n-tabs) {
-  --n-tab-font-size: 1.25rem !important;
-  --n-tab-gap: 60px !important;
-  --n-pane-padding-top: 3.125rem !important;
-  --n-pane-padding-bottom: 3.125rem !important;
+  --n-tab-font-size: 1.25rem;
+  --n-tab-gap: 60px;
   height: 100%;
   overflow: hidden;
   .n-tab-pane {

src/views/viewer.vue

@@ -10,7 +10,7 @@
   </div>
 </template>
 <script setup>
-import { computed, watchEffect, ref, onMounted } from "vue";
+import { computed, ref, onMounted } from "vue";
 import { useRouter } from "vue-router";
 import backBTN from "../assets/sub_back_btn.png";
 const isShowback = ref(true);