优化图片加载

src/components/MyPhoto.vue

@@ -147,7 +147,7 @@ const getGenerateImgStatus = async (item)=> {
 
 const getBackgroundImage = (item) => {
   if (item.result_url) {
-    return item.result_url;
+    return `${item.result_url}?x-oss-process=image/resize,w_400/format,webp/quality,q_80`;
   } else {
     return item.result_url = failedImg;
   }

src/components/PhotoSquare.vue

@@ -145,7 +145,7 @@ markers.value = [
 
 const getBackgroundImage = (item) => {
   if (item.result_url) {
-    return item.result_url;
+    return `${item.result_url}?x-oss-process=image/resize,w_400/format,webp/quality,q_80`;
   }
 };
 

src/components/PrizeList.vue

@@ -59,7 +59,7 @@ const handleItemBtn = (id, event) => {
 }
 </script>
 
-<style scoped>
+<style>
 .prizelist {
   position: relative;
   width: 100vw;
@@ -139,15 +139,19 @@ const handleItemBtn = (id, event) => {
   background-repeat: no-repeat;
   background-size: 100%;
 }
-
+wx-open-launch-weapp{
+  width: 100%;
+  height: 100%;
+}
+.btn-goto wx-open-launch-weapp {
+  display: block;
+}
 wx-open-launch-weapp,
 .btn-goto.noaddress wx-open-launch-weapp {
   display: none;
 }
 
-.btn-goto wx-open-launch-weapp {
-  display: block;
-}
+
 
 .btn-goto.noaddress {
   background-image: url("../assets/images/btn-address.webp");