选择完成

pages/release/selectshop.vue

@@ -1,9 +1,11 @@
 <template>
     <view class="selectshop">
         <view class="title">我的商品</view>
-        <view class="list">
-            <shopItem></shopItem>
-        </view>
+        <u-checkbox-group>
+            <view class="list">
+                <shopItem @xuanzhong="xuanzhong" class="items" v-for="(i,j) in list" :key="j" :image="i.goods_image" :title="i.goods_name" :price="i.goods_marketprice" :num="i.goods_salenum" :sid="i.goods_id" ref="shop"></shopItem>
+            </view>
+        </u-checkbox-group>
     </view>
 </template>
 <script>
@@ -12,29 +14,54 @@ export default {
     name:"selectshop",
     data(){
         return {
-
+            list:[],
+            sele:[]
         }
     },
     components:{
         shopItem
     },
     methods:{
-
+        
+        xuanzhong(){
+            // console.log(this.$refs.shop)
+            this.sele = []
+            for(let i of this.$refs.shop){
+                // console.log(i)
+                if(i.xuanzhong){
+                    this.sele.push(i.sid)
+                }
+            }
+            console.log(this.sele)
+        }
     },
     onLoad(){
-
+        this.$u.api.getStoreGoodsList().then((res)=>{
+            this.list = res.data.list
+        })
     }
 }
 </script>
 <style lang="scss" scoped>
 .selectshop{
     padding: 15rpx 30rpx;
+    padding-left: 6rpx;
     background-color: #2D2D2D;
     min-height: calc(100vh - 45px);
     .title{
         color: #FF780F;
         font-size: 30rpx;
         font-weight: 400;
+        margin-left: 26rpx;
+    }
+    .list{
+        display: flex;
+        flex-wrap: wrap;
+        margin-top: 35rpx;
+        .items{
+            margin-left: 24rpx;
+            margin-bottom: 30rpx;
+        }
     }
 }
 </style>