feats

src/components/BossCard/index.jsx

@@ -33,7 +33,7 @@ export default (props) => {
       <CouponMedia onClick={goFood}>
         <CouponMedia.Header
           cashback={item.cashback}
-          image={compressImage(item.poster)}
+          image={compressImage(item.poster, 'thumb')}
           badge='food'
         />
         <CouponMedia.Body star={st}>

src/components/CouponCard/Media/Header.jsx

@@ -14,7 +14,7 @@ export default (props) => {
       {enableCashback && <Cashback money={cashback} style={{ marginTop: '-10px' }} />}
       <View className='coupun-media_thumb'>
         <BadgeTag type={badge} />
-        <Image src={image} />
+        <Image src={image} webp />
       </View>
     </View>
   )

src/utils/index.js

@@ -61,15 +61,17 @@ export function random(prefix) {
  * @param {*} url 
  * @returns 
  */
-export function compressImage(url) {
+export function compressImage(url, typ) {
   if (!url) return url;
 
   // GIF 不压缩
   if (url.indexOf('.gif') > -1) return url;
 
+  const style = typ || 'cmp80'
+
   // eslint-disable-next-line no-undef
   if (url.indexOf(OSS) > -1) {
-    return `${url}?x-oss-process=style/cmp80`
+    return `${url}?x-oss-process=style/${style}`.replace('http://', 'https://')
   }
 
   return url;