diff --git a/pages/mine/greeting.vue b/pages/mine/greeting.vue
index c09a743..30b3a26 100644
--- a/pages/mine/greeting.vue
+++ b/pages/mine/greeting.vue
@@ -32,7 +32,12 @@
       </view>
 
       <view class="list-grid">
-        <view v-for="item in list" :key="item.id" class="card-item">
+        <view
+          v-for="item in list"
+          :key="item.id"
+          class="card-item"
+          @tap="onPreview(item)"
+        >
           <view class="card-image-wrap">
             <image :src="item.imageUrl" mode="aspectFill" class="card-img" />
             <view class="year-badge" v-if="item.year">{{ item.year }}</view>
@@ -48,7 +53,12 @@
                 getTagText(item)
               }}</view>
               <view class="actions">
-                <button class="action-btn" open-type="share" :data-item="item">
+                <button
+                  class="action-btn"
+                  open-type="share"
+                  :data-item="item"
+                  @tap.stop
+                >
                   <text class="action-emoji">🔗</text>
                 </button>
                 <!-- <view class="action-btn" @tap.stop="onMore(item)">
@@ -479,6 +489,19 @@ const onDelete = (item) => {
         gap: 16rpx;
 
         .action-btn {
+          background: transparent;
+          border: none;
+          padding: 0;
+          margin: 0;
+          line-height: 1;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          outline: none;
+          &::after {
+            border: none;
+          }
+
           .action-emoji {
             font-size: 32rpx;
             opacity: 0.6;