fix(Sku): scroll issue and add default picture (#6605)

Co-authored-by: 水墨 <laihuamin@youzan.com>

src/sku/components/SkuRow.js

@@ -2,7 +2,6 @@
 import { createNamespace } from '../../utils';
 import { BORDER_BOTTOM } from '../../utils/constant';
 import { BindEventMixin } from '../../mixins/bind-event';
-import { getScroller } from '../../utils/dom/scroll';
 
 const [createComponent, bem, t] = createNamespace('sku-row');
 
@@ -14,7 +13,7 @@ export default createComponent({
       }
 
       if (!this.scrollCon) {
-        this.scrollCon = getScroller(this.$refs.skuContent);
+        this.scrollCon = this.$refs.skuContent;
       }
 
       bind(this.scrollCon, 'scroll', this.onScroll);
@@ -60,7 +59,6 @@ export default createComponent({
       });
     },
   },
-  mounted() {},
   render() {
     const { skuRow, largePicturePreview, hasScrollTab } = this;
     const multipleNode = skuRow.is_multiple && (

src/sku/components/SkuRowItem.js

@@ -19,7 +19,11 @@ export default createComponent({
 
   computed: {
     imgUrl() {
-      return this.skuValue.imgUrl || this.skuValue.img_url;
+      const url = this.skuValue.imgUrl || this.skuValue.img_url;
+      return this.largePicturePreview
+        ? url ||
+            'https://img.yzcdn.cn/upload_files/2020/06/24/FmKWDg0bN9rMcTp9ne8MXiQWGtLn.png'
+        : url;
     },
 
     choosable() {

src/sku/index.less

@@ -283,6 +283,7 @@
 
     &__content {
       overflow-x: scroll;
+      overflow-y: hidden;
       -webkit-overflow-scrolling: touch;
 
       &::-webkit-scrollbar {