refactor(Sku): rename indicator

src/sku/components/SkuRow.js

@@ -49,27 +49,28 @@ export default createComponent({
         this.present = content.scrollLeft / distance;
       });
     },
+
+    genIndicator() {
+      if (this.scrollable) {
+        return (
+          <div class={bem('indicator-wrapper')}>
+            <div class={bem('indicator')}>
+              <div class={bem('indicator-active')} style={this.scrollStyle} />
+            </div>
+          </div>
+        );
+      }
+    },
   },
 
   render() {
-    const { item, scrollable } = this;
+    const { item } = this;
     const { largeImageMode } = item;
 
     const multipleNode = item.is_multiple && (
       <span class={bem('title-multiple')}>（{t('multiple')}）</span>
     );
 
-    const SkuScroll = (
-      <div class={bem('scroll')}>
-        <div class={bem('scroll__content')} ref="skuScroll">
-          <div
-            class={bem('scroll__content--active')}
-            style={this.scrollStyle}
-          ></div>
-        </div>
-      </div>
-    );
-
     const SkuContent = (
       <div class={bem('content')} ref="content">
         <div class={bem('content__top')} ref="contentTop">
@@ -88,7 +89,7 @@ export default createComponent({
           {multipleNode}
         </div>
         {largeImageMode ? SkuContent : this.slots()}
-        {largeImageMode && scrollable && SkuScroll}
+        {this.genIndicator()}
       </div>
     );
   },