fix: image preview

ntnyq · May 28, 2022 · b25886d · b25886d
1 parent c656ebf
commit b25886d
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 29 deletions.
diff --git a/src/app.config.ts b/src/app.config.ts
@@ -4,8 +4,8 @@
 
 export default defineAppConfig({
   pages: [
-    `pages/detail/index`,
     `pages/index/index`,
+    `pages/detail/index`,
     `pages/user/index`,
     `pages/author/index`,
     `pages/thank/index`,

diff --git a/src/pages/detail/index.vue b/src/pages/detail/index.vue
@@ -47,7 +47,7 @@
                 :src="node.content"
                 mode="widthFix"
                 class="p-image"
-                @click="onPreviewImages(node.content)"
+                @tap="onPreviewImages(node.content)"
               />
             </view>
           </view>
@@ -287,7 +287,7 @@ useShareTimeline(() => ({
 }))
 
 onMounted(() => {
-  const id = router.params.id || `9748999`
+  const id = router.params.id
   if (!id) return
   newsId.value = id
   fetchNewsDetail(id)
@@ -387,18 +387,12 @@ onMounted(() => {
           right: 0;
           display: block;
           width: 2px;
-          height: 40%;
+          height: 60%;
           background-color: $primary-color;
           transform: translateY(-50%);
         }
       }
     }
-
-    .at-fab {
-      position: fixed;
-      right: 30px;
-      bottom: 100px;
-    }
   }
 
   .question {

diff --git a/src/pages/user/index.vue b/src/pages/user/index.vue
@@ -38,13 +38,13 @@
       <nut-cell-group>
         <nut-cell title="意见反馈" @click="onCellClick(`feedback`)">
           <view class="feedback-wrap">
-            <nut-button
+            <button
               class="feedback-btn"
               hover-class="none"
               open-type="feedback"
             >
               意见反馈
-            </nut-button>
+            </button>
           </view>
         </nut-cell>
         <nut-cell title="版权声明" @click="onCellClick(`copy`)" />
@@ -171,18 +171,6 @@ const onCellClick = (key: string) => {
           color: #444;
         }
       }
-
-      .at-list {
-        &__item {
-          font-weight: 500;
-          font-size: 24px;
-          color: #666;
-
-          .item-extra__icon-arrow {
-            font-size: 32px;
-          }
-        }
-      }
     }
   }
 
@@ -207,13 +195,14 @@ const onCellClick = (key: string) => {
       line-height: 40px;
       background-color: transparent !important;
       padding: 0;
+      text-align: left;
       border: none;
-      color: #666;
-      font: inherit;
+      font-size: 30px;
+      font-family: inherit;
+      color: #333;
 
-      .nut-button__warp {
-        justify-content: start;
-        text-align: left;
+      &::after {
+        border: none;
       }
     }