商城购买商品 选择多款式 图片

mallApp/src/components/module/app-order-list.vue

@@ -27,14 +27,23 @@ export default {
 		info: {
 			type: Object,
 			default: () => {}
-		}
+		},
+        goodsStyleId:'',
 	},
 	data() {
 		return {}
 	},
 	computed: {
 		imgUrl() {
-			if (this.$util.isEmpty(this.info)) return ''
+			if (this.$util.isEmpty(this.info)) return '';
+			let img = '';
+			this.info.goodsStyleList.forEach((ele)=>{
+			    if(ele.id==this.goodsStyleId){
+			        console.log(ele.img)
+                    img = ele.img
+				}
+			})
+			if(!this.$util.isEmpty(img)) return img;
 			return this.info.smallCoverUrl ? this.info.smallCoverUrl : this.info.smallImgList[0]
 		}
 	},

mallApp/src/pages/order/buy.vue

@@ -36,7 +36,7 @@
       <div class="module-com shop-price-wrap">
         <div class="module-tit">商品信息</div>
         <div class="module-det">
-          <app-list-module v-if="!$util.isEmpty(goodsInfo)" :info="goodsInfo" />
+          <app-list-module v-if="!$util.isEmpty(goodsInfo)" :goodsStyleId="option.goodsStyleId" :info="goodsInfo" />
           <div class="shop-prompt" v-if="!$util.isEmpty(orderShop)" @click="showAlert = true">
             <div>
               <span>{{ `运费(${showDistance}公里)` }}</span>