Ver código fonte

技能服务图片优化;

huan-jie 4 anos atrás
pai
commit
b96fb4aa92

+ 4 - 4
pages/frontend/skill/detail/_id.vue

@@ -3,7 +3,7 @@
     <div v-else :class="mobile ? 'mobileMain' : 'mobileWeb'" :style="{marginTop: mainMarginTop}">
         <div class="skill-detail-wrapper" v-if="!mobile">
             <div class="skill-info">
-                <img class="cover" :src="skillDetail.coverImage" alt="">
+                <img class="cover" :src="`${skillDetail.coverImage}?x-oss-process=image/resize,w_800`" alt="">
                 <div class="info-wrapper">
                     <div class="title">{{ skillDetail.title }}</div>
                     <div class="owner-content">
@@ -52,7 +52,7 @@
                     <img
                         v-for="item in skillDetail.imageList"
                         :key="item"
-                        :src="item"
+                        :src="`${item}?x-oss-process=image/resize,w_800`"
                         alt="skill,skillImage">
                 </div>
                 <div class="ql-snow content-text">
@@ -86,13 +86,13 @@
                 <div v-swiper:mySwiper="swiperOption" class="image-swiper">
                     <div class="swiper-wrapper">
                         <div class="swiper-slide">
-                            <img :src="skillDetail.coverImage" alt="skillImage">
+                            <img :src="`${skillDetail.coverImage}?x-oss-process=image/resize,w_800`" alt="skillImage">
                         </div>
                         <div
                             class="swiper-slide"
                             v-for="item in skillDetail.imageList"
                             :key="item">
-                            <img :src="item" alt="skillImage">
+                            <img :src="`${item}?x-oss-process=image/resize,w_800`" alt="skillImage">
                         </div>
                     </div>
                     <div class="swiper-pagination swiper-pagination-bullets"></div>

+ 2 - 2
pages/frontend/skill/list.vue

@@ -57,7 +57,7 @@
                         v-for="item in skillList"
                         :key="item.sale_id">
                         <a :href="`/s/${item.sale_id}`">
-                            <img class="cover" :src="item.coverImage" alt="skillCover,cover">
+                            <img class="cover" :src="`${item.coverImage}?x-oss-process=image/resize,w_800`" alt="skillCover,cover">
                         </a>
                         <a class="owner-wrapper" :href="`/wo/${item.user.uid}/skill`">
                             <img class="avatar" :src="item.user.icon_url" alt="avatar">
@@ -153,7 +153,7 @@
                         v-for="item in skillList"
                         :key="item.sale_id"
                         @click="handleClickSkillItem(item.sale_id)">
-                        <img class="cover" v-lazy="item.coverImage" alt="skillCover,cover">
+                        <img class="cover" v-lazy="`${item.coverImage}?x-oss-process=image/resize,w_800`" alt="skillCover,cover">
                         <div class="owner-wrapper">
                             <img class="avatar" v-lazy="item.user.icon_url" alt="avatar">
                             <div class="nickname">{{ item.user.nickname }}</div>