fix: 修复 scroll-view 组件在 taro-h5 端的兼容问题

jdf2e · Aug 2, 2023 · 32d156f · 32d156f
1 parent c692ef9
commit 32d156f
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/packages/__VUE/tabs/index.taro.vue b/src/packages/__VUE/tabs/index.taro.vue
@@ -1,6 +1,6 @@
 <template>
   <view class="nut-tabs" :class="[direction]" ref="container">
-    <scroll-view
+    <nut-scroll-view
       :scroll-x="getScrollX"
       :scroll-y="getScrollY"
       :scroll-with-animation="scrollWithAnimation"
@@ -32,7 +32,7 @@
           <view v-if="canShowLabel" class="nut-tabs__titles-item nut-tabs__titles-placeholder"></view>
         </template>
       </view>
-    </scroll-view>
+    </nut-scroll-view>
     <view
       class="nut-tabs__content"
       ref="tabsContentRef"
@@ -58,6 +58,7 @@ import Taro from '@tarojs/taro';
 import type { RectItem } from './types';
 import { useTabContentTouch } from './hooks';
 import { useTaroRect } from '@/packages/utils/useTaroRect';
+import { ScrollView } from '@tarojs/components';
 
 export class Title {
   title = '';
@@ -70,7 +71,8 @@ export type TabsSize = 'large' | 'normal' | 'small';
 const { create } = createComponent('tabs');
 export default create({
   components: {
-    JoySmile
+    JoySmile,
+    'nut-scroll-view': ScrollView
   },
   props: {
     modelValue: {