Skip to content

AtModal中的Button组件样式在小程序端表现异常 #18104

@vivianus-chan

Description

@vivianus-chan

请先确认

  • 我已搜索并确定这个提交不是重复的

Taro 版本

v4

相关平台

  • 所有平台
  • Web 端(H5)
  • 移动端(React-Native)
  • 鸿蒙(Harmony)
  • 鸿蒙容器(Harmony Hybrid)
  • ASCF 元服务
  • 快应用(QuickApp)
  • 所有小程序
  • 微信小程序
  • 企业微信小程序
  • 京东小程序
  • 百度小程序
  • 支付宝小程序
  • 支付宝 IOT 小程序
  • 头条小程序
  • QQ 小程序
  • 钉钉小程序
  • 飞书小程序
  • 快手小程序

小程序基础库版本

3.9.0

使用框架

React

问题描述

使用复现步骤中的代码,然后在微信开发者工具和真机的小程序模式中打开都显示如图效果

Image 但是看官方taroui示例中同样的代码没有这个问题

复现链接

复现步骤

<AtModal isOpened> <AtModalHeader>标题</AtModalHeader> <AtModalContent>佳都科技四大金刚首付款几个发货几个点否</AtModalContent> <AtModalAction> <Button onClick={() => {}}>取消</Button>{" "} <Button onClick={() => {}}>确认</Button> </AtModalAction> </AtModal><AtModal isOpened title="确定大概发光飞碟吗?" cancelText="取消" confirmText="确定" onClose={this.handleCancel.bind(this)} onCancel={this.handleCancel.bind(this)} onConfirm={this.handleConfirm.bind(this)} content="发给对方楷林国际电饭锅代发" />

环境信息

Taro CLI 4.1.4 environment info:
    System:
      OS: Windows 10 10.0.19044
    Binaries:
      Node: 18.20.8 - D:\nodejs\node.EXE
      npm: 10.8.2 - D:\nodejs\npm.CMD
    npmPackages:
      @tarojs/cli: 4.1.4 => 4.1.4
      @tarojs/components: 4.1.4 => 4.1.4
      @tarojs/helper: 4.1.4 => 4.1.4
      @tarojs/plugin-framework-react: 4.1.4 => 4.1.4 
      @tarojs/plugin-platform-alipay: 4.1.4 => 4.1.4 
      @tarojs/plugin-platform-h5: 4.1.4 => 4.1.4     
      @tarojs/plugin-platform-jd: 4.1.4 => 4.1.4     
      @tarojs/plugin-platform-qq: 4.1.4 => 4.1.4     
      @tarojs/plugin-platform-swan: 4.1.4 => 4.1.4   
      @tarojs/plugin-platform-tt: 4.1.4 => 4.1.4     
      @tarojs/plugin-platform-weapp: 4.1.4 => 4.1.4  
      @tarojs/react: 4.1.4 => 4.1.4
      @tarojs/runtime: 4.1.4 => 4.1.4
      @tarojs/shared: 4.1.4 => 4.1.4
      @tarojs/taro: 4.1.4 => 4.1.4
      @tarojs/vite-runner: 4.1.4 => 4.1.4
      babel-preset-taro: 4.1.4 => 4.1.4
      eslint-config-taro: 4.1.4 => 4.1.4
      react: ^18.0.0 => 18.3.1
      taro-ui: ^3.2.1 => 3.3.0

贡献代码

Metadata

Metadata

Assignees

No one assigned

    Labels

    F-reactFramework - ReactT-weappTarget - 编译到微信小程序V-4Version - 4.xbugSomething isn't working

    Type

    No type

    Projects

    Status

    Todo

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions