Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Swiper在手百小程序中初次渲染时,SwiperItem样式重叠在一起后又展现正常 #14941

Open
queryGood opened this issue Dec 6, 2023 · 0 comments
Labels
F-react Framework - React T-swan Target - 编译到百度小程序 V-3 Version - 3.x

Comments

@queryGood
Copy link

相关平台

百度小程序

小程序基础库: 3.800.1
使用框架: React

复现步骤

用官网的demo直接运行

      <Swiper
        className='test-h'
        indicatorColor='#999'
        indicatorActiveColor='#333'
        vertical
        circular
        indicatorDots
        autoplay>
        <SwiperItem>
          <View className='demo-text-1'>1</View>
        </SwiperItem>
        <SwiperItem>
          <View className='demo-text-2'>2</View>
        </SwiperItem>
        <SwiperItem>
          <View className='demo-text-3'>3</View>
        </SwiperItem>
      </Swiper>

编译到手百小程序中即可复现;
React版本18.2
taro版本3.5.1

期望结果

初次渲染不会有重叠的UI感知

实际结果

初次渲染SwiperItem都重叠在一起,一团乱,用户感知明显

环境信息

Taro v3.6.4


  Taro CLI 3.6.4 environment info:
    System:
      OS: macOS 14.1.2
      Shell: 5.9 - /bin/zsh
    Binaries:
      Node: 16.20.0 - ~/.nvm/versions/node/v16.20.0/bin/node
      Yarn: 1.22.19 - /usr/local/bin/yarn
      npm: 6.14.13 - ~/.nvm/versions/node/v14.17.0/bin/npm
    npmPackages:
      @tarojs/cli: 3.5.10 => 3.5.10 
      @tarojs/components: 3.5.10 => 3.5.10 
      @tarojs/components-react: ^3.5.11 => 3.6.19 
      @tarojs/helper: 3.5.10 => 3.5.10 
      @tarojs/plugin-framework-react: 3.5.10 => 3.5.10 
      @tarojs/plugin-platform-swan: 3.5.10 => 3.5.10 
      @tarojs/react: 3.5.10 => 3.5.10 
      @tarojs/router: 3.5.10 => 3.5.10 
      @tarojs/runtime: 3.5.10 => 3.5.10 
      @tarojs/shared: 3.5.10 => 3.5.10 
      @tarojs/taro: 3.5.10 => 3.5.10 
      @tarojs/taro-h5: 3.5.10 => 3.5.10 
      @tarojs/webpack5-runner: 3.5.10 => 3.5.10 
      babel-preset-taro: 3.5.10 => 3.5.10 
      eslint-config-taro: 3.5.10 => 3.5.10 
      react: ^18.2.0 => 18.2.0 
@taro-bot2 taro-bot2 bot added F-react Framework - React T-swan Target - 编译到百度小程序 V-3 Version - 3.x labels Dec 6, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
F-react Framework - React T-swan Target - 编译到百度小程序 V-3 Version - 3.x
Projects
None yet
Development

No branches or pull requests

1 participant