feat: 相关商品样式调整

src/components/SwipeCards/index.vue

@@ -42,7 +42,7 @@
           >
             <image :src="item.photoUrl" mode="aspectFill" />
             <view
-              class="album-title absolute border-box p-8 left-0 right-0 bottom-0 color-white font-size-14 font-500 ellipsis-1"
+              class="album-title absolute left-0 right-0 bottom-0 color-white font-size-11 font-500 ellipsis-1 flex flex-items-center flex-justify-center"
             >
               {{ item.photoName }}
             </view>
@@ -98,7 +98,12 @@ watch(
 );
 
 // 触摸状态
-const touchState = ref({ startX: 0, startY: 0, moving: false, isClickCandidate: false });
+const touchState = ref({
+  startX: 0,
+  startY: 0,
+  moving: false,
+  isClickCandidate: false,
+});
 
 const touchStart = (e, index) => {
   if (index !== 0 || animatingOut.value) return;

src/components/SwipeCards/styles/index.scss

@@ -35,9 +35,6 @@
 }
 
 .album-title {
-  background: linear-gradient(
+  background: rgba(0, 0, 0, 0.5);
-    180deg,
+  height: 20px;
-    rgba(0, 0, 0, 0) 0%,
-    rgba(0, 0, 0, 0.6) 100%
-  );
 }