优化规格选择

src/views/home/components/goods.vue

@@ -56,7 +56,7 @@
 </template>
 
 <script setup>
-import { ref, onMounted } from 'vue'
+import { ref } from 'vue'
 import _ from 'lodash'
 
 import skuModal from '@/components/skuModal.vue'
@@ -76,7 +76,7 @@ const emit = defineEmits(['success'])
 
 const skuModalRef = ref(null)
 
-const shopListType = ref('img')
+const shopListType = ref('text')
 
 const categoryId = ref('')
 const categorys = ref([])
@@ -172,7 +172,7 @@ async function productqueryCommodityInfoAjax() {
             categoryId: categoryId.value,
             commdityName: commdityName.value,
             page: 1,
-            pageSize: 1000,
+            pageSize: 500,
             masterId: props.masterId
         })
         goodsList.value = res
@@ -195,6 +195,22 @@ defineExpose({
 </script>
 
 <style scoped lang="scss">
+.loading_wrap {
+    display: flex;
+    justify-content: center;
+    padding: 20px 0;
+    color: #999;
+
+    .loading {
+        display: flex;
+        align-items: center;
+
+        .icon {
+            font-size: 20px;
+        }
+    }
+}
+
 .popover_wrap {
     display: flex;
     flex-wrap: wrap;