33 lines
		
	
	
		
			706 B
		
	
	
	
		
			Vue
		
	
	
			
		
		
	
	
			33 lines
		
	
	
		
			706 B
		
	
	
	
		
			Vue
		
	
	
| <template>
 | |
|   <view class="goods-scroll-box">
 | |
|     <scroll-view class="scroll-box" scroll-x scroll-anchoring>
 | |
|       <view class="goods-box ss-flex">
 | |
|         <view v-for="(item, index) in list" :key="index">
 | |
|           <s-goods-column
 | |
|             class="goods-card ss-m-l-20"
 | |
|             size="sm"
 | |
|             :data="item"
 | |
|             :titleWidth="200 - marginLeft - marginRight"
 | |
|           ></s-goods-column>
 | |
|         </view>
 | |
|       </view>
 | |
|     </scroll-view>
 | |
|   </view>
 | |
| </template>
 | |
| 
 | |
| <script setup>
 | |
|   /**
 | |
|    * 商品组 - 横向滚动商品
 | |
|    */
 | |
|   const props = defineProps({
 | |
|     list: {
 | |
|       type: Array,
 | |
|       default() {
 | |
|         return [];
 | |
|       },
 | |
|     },
 | |
|   });
 | |
| </script>
 | |
| 
 | |
| <style lang="scss" scoped></style>
 |