|
|
@@ -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>
|