门店头图

src/views/storeDecoration/storeCoverMap/index.vue

@@ -7,12 +7,11 @@
           <div class="preview-card preview-card--blue">
             <div class="preview-media">
               <img :src="previewDemoImg" alt="效果预览示例" class="preview-img preview-img--single" />
-              <div class="preview-album-pill" aria-hidden="true">
+              <img src="@/assets/images/headImg.png" alt="效果预览示例" class="preview-img-head" />
+              <!--<div class="preview-album-pill" aria-hidden="true">
                 <span>相册</span>
-                <el-icon>
-                  <ArrowRight />
-                </el-icon>
-              </div>
+                <el-icon><ArrowRight /></el-icon>
+              </div> -->
             </div>
             <div class="preview-meta">
               <div>
@@ -501,10 +500,19 @@ onMounted(async () => {
   }
 }
 .preview-img {
+  position: relative;
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
+.preview-img-head {
+  position: absolute;
+  right: 5px;
+  bottom: 5px;
+  width: 86px;
+  height: 24px;
+  object-fit: cover;
+}
 .preview-img--single {
   display: block;
   width: 100%;

src/views/storeDecoration/storeHeadMap/index.vue

@@ -7,11 +7,10 @@
           <div class="preview-media">
             <!-- 效果预览为固定示意图，与实际头图无关 -->
             <img :src="previewDemoImg" alt="效果预览示例" class="preview-img preview-img--single" />
-            <img src="@/assets/images/headImg.png" alt="效果预览示例" class="preview-img-head" />
-            <!--<div class="preview-album-pill" aria-hidden="true">
-               <span>相册</span>
+            <div class="preview-album-pill" aria-hidden="true">
+              <span>相册</span>
               <el-icon><ArrowRight /></el-icon>
-            </div> -->
+            </div>
           </div>
           <div class="preview-meta">
             <div class="store-title">
@@ -187,14 +186,6 @@ onMounted(async () => {
   height: 100%;
   object-fit: cover;
 }
-.preview-img-head {
-  position: absolute;
-  right: 5px;
-  bottom: 5px;
-  width: 86px;
-  height: 24px;
-  object-fit: cover;
-}
 .preview-img--single {
   display: block;
   width: 100%;