提交

src/view/allMedia/H5Mall.vue

@@ -27,6 +27,7 @@
 
 <script setup>
 import { ref } from 'vue';
+// import { useRouter, useRoute } from 'vue-router';
 import defaultIcon from "../../assets/img/default_user.png";
 import eyeIcon from "../../assets/img/eye.png"
 import H5 from "./components/H5.vue";
@@ -39,12 +40,13 @@ const components = {
     LONGPAGE,
     POSTER
 }
+// const router = useRouter();
+// const route = useRoute();
 
 const searchText = ref('');
 const list = ref([]);
 
 getH5Mall({}).then(r => {
-  console.log(r.list);
   list.value = r.list || [];
 });
 </script>

src/view/allMedia/components/H5.vue

@@ -7,8 +7,8 @@
         :src="item.url"
         :fit="item.background_mode || 'fill'"
       />
-    <div class="listImage inShow">
-      <el-progress :duration="1000" :show-text="false" :percentage="percentage" />
+    <div class="inShow">
+      <el-progress stroke-linecap="square" :duration="1000" :show-text="false" :percentage="percentage" />
     </div>
   </div>
 </template>
@@ -53,13 +53,14 @@ const mouseleave = ()=> {
 <style scoped>
 .H5{
     min-height: 300px;
+    font-size: 0;
 }
 .H5,
 .H5 * {
   width: 100%;
 }
 
-.listImage {
+.inShow {
   position: relative;
 }
 </style>

src/view/allMedia/components/LONGPAGE.vue

@@ -1,10 +1,12 @@
 <template>
-  <div class="longpage" @mouseenter="mouseenter" @mouseleave="mouseleave">
-    <el-image
-      :style="'transform: translateY(' + tfT + 'px)'"
-      :src="hoversList[0].url"
-      :fit="hoversList[0].background_mode || 'fill'"
-    />
+  <div style="padding-bottom: 1em;">
+    <div class="longpage" @mouseenter="mouseenter" @mouseleave="mouseleave">
+      <el-image
+        :style="'transform: translateY(' + tfT + 'px)'"
+        :src="hoversList[0].url"
+        :fit="hoversList[0].background_mode || 'fill'"
+      />
+    </div>
   </div>
 </template>
 

src/view/allMedia/components/POSTER.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div style="padding-bottom: 1em;">
     <el-image
       :src="hoversList[0].url"
       :fit="hoversList[0].background_mode || 'fill'"